2014-01-22 3 views
12

iOS6에서 잘 작동하는 contenteditable 속성이 iOS7 웹킷에서 작동하지 않는 것으로 보입니다. 브라우저가 필드를 편집 가능한 것으로 인식하고 키보드를 불러 오지만 모든 입력이 해당 필드를 닫는 것처럼 보이거나 등록에 실패합니다. 어떤 문제가 발생하거나 해결 방법이 있습니까?iOS7 Mobile Safari에서 HTML5 contenteditable 속성이 제대로 작동하지 않습니다.

당신은 여기에 그것을 밖으로 시도 할 수 있습니다 - http://html5demos.com/contenteditable

감사합니다!

답변

20

오늘이 문제가 발생했습니다.

* { 
    -webkit-user-select: none; 
    user-select: none; 
} 

input, 
textarea, 
[contenteditable] { 
    -webkit-user-select: text; 
    user-select: text; 
} 
+0

'user-select' 속성을 전역으로 설정할 때 iOS 10에 여전히 확인해야합니다. – Tim

+0

* 2017 년 9 월의 iOS 10에는 여전히 확인이 필요합니다. - 변경 사항이 변경되지 않았습니다. 바라기를 iOS 11은 다릅니다. @Jason P를 찾아서 고치십시오. – MattOlivos

2

저도 같은 문제가 발생되었고, 아래의 링크를 내가 그것을 해결 도움 : 나를 위해이 솔루션은 편집 가능한 요소에 대한 CSS에서 사용자 선택에 "텍스트"로 설정하는 것이 었습니다.

https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-SW1

나를 위해 일한 솔루션은 을 설정했다

속성을 "-webkit-사용자가-수정", "읽기 - 쓰기"을 편집 가능한 요소 (당신의 contentEditable로 정의)

*{ 
    -webkit-user-modify:read-write; 
}