2017-01-31 28 views
10

मैं सामग्री संपादन योग्य संपत्ति के साथ कई फैला सही पर सेट किया है, इस तरह:एकाधिक contenteditable, तीर कुंजियों के साथ अवधि के अंत तक Carret स्थानांतरित करने में असमर्थ

<span contentEditable='true'> value</span><span contentEditable='true'> value</span><span contentEditable='true'> value</span> 

https://jsfiddle.net/du7g39cz/

समस्या यह है कि जब मैं कर रहा हूँ है स्पैन तत्व के चारों ओर नेविगेट करने के लिए तीर कुंजियों का उपयोग करके, मैं व्यक्तिगत अवधि के अंत तक नहीं पहुंच सकता क्योंकि ब्लर इवेंट को आखिरी प्रतीक तक पहुंचने पर बुलाया जाता है।

मैं एमएस एज के अलावा सभी ब्राउज़रों पर इस व्यवहार को पुन: उत्पन्न कर सकता हूं।

मुझे यह ध्यान रखना चाहिए कि मैं केवल एक सामग्री संपादन योग्य माता-पिता को रखना नहीं चाहूंगा, क्योंकि यह आसानी से उपयोगकर्ता को पूरे अनुच्छेद को हटाने की अनुमति देगा, intenion उपयोगकर्ता को एक समय में केवल एक शब्द को संपादित करने देना है।

उत्तर

2

यह एक ब्राउज़र बग की तरह लगता है। यह केवल मेरे लिए फ़ायरफ़ॉक्स में हो रहा है, फिर भी, फैला को गद्दी से किसी राशि जोड़कर समस्या को दूर करने लगता है:

span[contentEditable] { padding: 1px; } 

https://jsfiddle.net/jimbo2150/du7g39cz/2/

संबंधित मुद्दे