-
Bug
-
Resolution: Tracked Elsewhere
-
Low
-
None
-
8.3.0, 8.6.1, 8.5.3
-
1
-
Severity 3 - Minor
-
This issue has been identified as an issue with the Chrome browser. Any updates with this issue can be found at:
https://bugs.chromium.org/p/chromium/issues/detail?id=1210884
Thanks!
Issue Summary
The cursor/caret doesn't position at the end of the line in Chrome browser. On the nested <li> tags we could see the position of the cursor is sometimes at the beginning of the line.
This is reproducible on Data Center: yes
Steps to Reproduce
- Create a page and publish
- Open the page in Edit mode and paste the below storage format
<h2><strong>Local development</strong></h2> <ul> <li>First of all, test<em style="text-align: left;">'</em></li> <li>Clone <ul> <li>test1</li> <li>test3 <ul> <li>test3</li></ul></li></ul></li> <li>Install packages <ul> <li><strong><code>npm </code></strong><strong><code>install</code></strong> <ul> <li>Do repos</li> <li><em>yar yarn</em> <ul> <li><em>If using </em></li></ul></li></ul></li></ul></li></ul>
- Publish the page
- Edit the page in Chrome browser and for each line try to click at the end of the line.
Expected Results
Irrespective of usage of any number of nested tags the cursor should point to the end of the line
Actual Results
The cursor/caret points to the beginning of the line for nested <li> tags. Attaching screen recorder for reference. Checkout the placement of the cursor when we click at the end of the line.
Workaround
Currently there is no known workaround for this behavior.
Note : The above issue is not reproducible in Mozilla Firefox Browser.
This issue was reproduced in our editor framework TinyMCE, and as such a request has been raised with their teams. When this issue is resolved we will update the issue here
Thanks for your understanding!