Make Contenteditable DIVs Work in Sencha Touch 2
Can't make <div contenteditable="true"></div> (or similar) work in your Sencha Touch 2 app?
It's because the framework has a CSS rule
1 2 3 | * {
-webkit-user-select: none;
}
|
Which makes cursor/caret not show up when tapping on the contenteditable element. My workaround is to add the following rule to the beginning of my scss file:
1 2 3 | div {
-webkit-user-select: auto;
}
|
This workaround applies to Sencha Touch version 2.0.1.1.