Since one week users who browse with firefox are reporting that they cannot select text in grids and ux components like they were able to do before.
The same is also true for other browsers like chrome and IE, you cannot select.
I have been looking into it and found, what I think, is the cause in the html of the page.
Looking at the source of the generated .a5w page I found:
The "-webkit-user-select: none; -ms-touch-action: none;" caused the elements on the page not to be selectable, except when they are editable elements.
If I put "-webkit-user-select: text; -ms-touch-action: text;" in the in-line style of a field then the text of that field can be selected.
Of course I don't want to do this for each field.
I have been looking into the css but, as i am not familiar with that, cannot find where to change a setting so that in the page I would get
I hope somebody can steer me in the right direction.
Pieter
The same is also true for other browsers like chrome and IE, you cannot select.
I have been looking into it and found, what I think, is the cause in the html of the page.
Looking at the source of the generated .a5w page I found:
<style type="text/css">
html { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -ms-touch-action: none;}
.A5container {float:left;padding:0px;}
.A5CWLayout {padding: 4px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;}
.........
</style>"
html { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -ms-touch-action: none;}
.A5container {float:left;padding:0px;}
.A5CWLayout {padding: 4px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;}
.........
</style>"
The "-webkit-user-select: none; -ms-touch-action: none;" caused the elements on the page not to be selectable, except when they are editable elements.
If I put "-webkit-user-select: text; -ms-touch-action: text;" in the in-line style of a field then the text of that field can be selected.
Of course I don't want to do this for each field.
I have been looking into the css but, as i am not familiar with that, cannot find where to change a setting so that in the page I would get
<style type="text/css">
html { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: text; -ms-touch-action: text;}
.A5container {float:left;padding:0px;}
.A5CWLayout {padding: 4px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;}
.........
</style>"
html { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: text; -ms-touch-action: text;}
.A5container {float:left;padding:0px;}
.A5CWLayout {padding: 4px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;}
.........
</style>"
I hope somebody can steer me in the right direction.
Pieter
Comment