웹 개발에서 iPad iOS8 Safari에서 잘 작동하지 않았다.

iPad iOS8 Safari



어쩌면 iPad iOS8 Safari라는 조합만의 문제가 아닐지도 모릅니다(각각 단독으로도 재현할지도 모릅니다). 일부는 Safari뿐만 아니라 Chrome에서도 재현하는 것도있었습니다.

1. 선택 목록에서 value 값을 가져올 때 jQuery의 .val()이면 얻을 수 없습니다.



대응 ...
on change 이벤트에서 e.target.value 또는 document.getElementById('selectLists').value에서 검색할 수 있습니다.

2. 셀렉트 리스트로 동적으로 리스트를 바꾸고 있는 경우에 무언가를 선택해 버린다(유저가 선택할 때까지 아무것도 선택시키고 싶지 않다)



대응 ...

이 기사 에서 하고 있는 것처럼 동적으로 셀렉트 리스트의 내용을 변경하고 있는 경우에, 변경 후 무언가를 선택해 버리고 있는 상태가 되어 버리는 것을 회피하고 싶었습니다.$("#selectLists").prop("selectedIndex", -1);와 같이 선택을 취소할 수 있습니다.
그건 그렇고, 시도하지는 않지만 -1 대신 0도 괜찮을 것입니다.

3.style의 display: flex; 가 붙어 있다고 예상대로의 표시가 되지 않는다



대응 ...
display: block; 어쨌든 변경되었습니다. . .
다른 브라우저에서는 중앙 맞춤이 되어 있는데 iPad만으로는 왼쪽 정렬이 되어 있거나 원래 그 스타일을 붙이고 있는 요소가 표시되어 있지 않거나 했습니다.
이 문제는 웹에도 많이보고되었습니다.

아직도 있을지도



또 그 밖에도 발견하면 수시로 갱신합니다.
그리고 여기에 든 것은 어디까지나 '대응예'로 생각해 주세요.

좋은 웹페이지 즐겨찾기