我有一个用Elm编写的大型应用程序,并且在Safari中遇到了一个非常奇怪的问题:无法选择输入字段中的文本。此外,如果我单击输入字段的开头,则光标会跳到结尾。首先,我认为此错误仅发生在一个特定的页面上,但是后来发现,如果我从该页面导航到另一个页面,则在新页面上,输入字段也可能会出现错误(否则不会)。 导致该错误的页面相当复杂,但是输入字段却非常简单:
styled input
[ Css.marginTop (Css.px 5),Css.marginBottom (Css.px 15),Css.padding (Css.px 10),Css.width (Css.pct 100),Css.boxSizing Css.borderBox
]
[ type_ "text",onInput UpdateNewCardTitle,value card.newCardTitle ]
[]
在Safari中呈现后,如下所示:
<input class="_9af14711" type="text">
<div contenteditable="plaintext-only">This is the text inside</div>
</input>
html元素从不同的地方获取css样式,因此很难附加。底线:该问题仅出现在Safari中,并且也在Opera,Firefox,Chrome中进行了测试。
有人知道这个问题可能是什么吗?还是如何调试它的确切位置?