본문 바로가기

퍼블리싱/Debuging

파이어폭스에서 button에 생기는 아웃패딩 제거, Firefox button padding CSS fix 파이어폭스브라우저에서는 button에 엑스트라 이너패딩이 기본으로 생긴다. 이럴경우 제거를 위해 다음을 써준다. button::-moz-focus-inner { padding: 0; border: 0; } 더보기
IE에서 reset()하면 placeholder 날라가는 이슈 IE에서 폼요소를 reset()하면 placeholder 날라가는 자체이슈가 있다고 한다.그래서 그냥 다이렉트로 $(selector).val('') 이런 식으로 해줘야할 것 같다. 더보기
IOS(iPad, iPhone)에서 position:fixed된 header영역이 움직이는 현상 애증의 판교프로젝트이자, 나의 첫 모바일 프로젝트인 KTOOO프로젝트!!지난 3월부터 시작하고, 내가 5,6,7월 약 2달간 퍼블리싱을 했던 이 프로젝트는 지금 한창 검수중이다.그러던 중 발견된 버그!!! IOS에서 입력창(INPUT)에 입력한 후 Done버튼이 아닌, 다른 영역을 터치하게되면, 입력창을 기준으로 헤더가 움직이는 현상이다.아래의 동영상을 보면 아~ 할 것이다. 이런 버그가 발생하는 이유는 입력창을 기준으로 position 영역이 다시 잡혀지기 때문에, position:fixed 한 값이 조정되는 것이다.그러기 위해선 화면영역을 재조정할 필요가 있다.그래서 다음의 코드처럼 blur 이벤트가 발생할때, 스크롤의 위치를 가장 상단, 왼쪽으로 옮겨주면 문제가 해결된다 $(document).on(.. 더보기
Uncaught SyntaxError: Unexpected token ILLEGAL 구문상 에러가 전혀 없는데 신텍스에러라고 뜨는 경우가 있다.Uncaught SyntaxError: Unexpected token ILLEGAL // 에러난 구문 $(" "+ string " "안에 공백이 들어가면 생기는 에러이다. // 수정된 구문 $(""+ 이렇게 공백을 없애주면 에러가 해결된다. 더보기