-
Type:
Bug
-
Resolution: Unresolved
-
Priority:
Low
-
None
-
Affects Version/s: 9.2.1, 9.2.2, 9.2.3, 9.2.4
-
Component/s: Editor - Core
-
None
-
6
-
Severity 3 - Minor
-
6
Summary
Content of Large Table Not Entirely Displayed in Edit Mode, can be truncated or overlapped
Version info
| Version | isAffected |
|---|---|
| 8.5.21 |  not affected |
| Latest bug-fix LTS versions 9.2.1, 9.2.2, 9.2.3 |  are affected |
Description
Issue Summary
A large table with a Storage Format such as below will not display all content in Edit Mode
<table class="wrapped fixed-width" style="width: 1143.0px;"> <thead> <tr> <th colspan="3" style="text-align: left;vertical-align: top;">Test Table</th> </tr> </thead> <colgroup> <col style="width: 436.0px;"/> <col style="width: 447.0px;"/> <col style="width: 259.0px;"/> </colgroup> <tbody> <tr> <th> <p> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> </p> </th> <th> <p> <span> <strong>test</strong> </span> </p> <p> <br/> </p> <p> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> </p> <p> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> </p> <p> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> </p> <p> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> </p> <p> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> </p> <p> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> </p> <p> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> </p> <p> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> </p> <p> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> </p> <p> <br/> </p> </th> <th> <p> <span>test</span> </p> <p> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> <br/> <span>test</span> </p> </th> </tr> <tr> <td> <p> <span> <strong>test</strong> </span> </p> <ol style="text-align: left;"> <li>test</li> <li data-uuid="6ce17c67-1088-4300-9da8-43312a23dab9">test</li> </ol> </td> <td> <p> <span> <strong> <strong style="text-align: left;">test</strong> </strong> </span> </p> <p>test</p> <p>test</p> </td> <td> <p> <span> <strong>test(<span> <strong style="text-align: left;">test</strong> </span> </strong> </span> </p> <p>test</p> </td> </tr> <tr> <td> <p> <span> <strong>test</strong> </span> </p> <p> <br/> </p> </td> <td> <p> <span> <strong title="">test</strong> </span> </p> <p> <br/> </p> </td> <td> <p> <span> <strong title="">test</strong> </span> </p> <p> <br/> </p> </td> </tr> </tbody> </table> <p> <br/> </p> <p> <br/> </p> <p>Force to unzoom to see the entire table properly </p>
Steps to Reproduce
- Create a new page with the storage format above
- Edit the page
Expected Results
The entire content should be displayed in edit mode
Actual Results
Content can go missing in edit mode and depending on the Zoom Level of the Web Browser or the amount of content in the table (e.g. you can remove some of the content in the 2nd row 2nd column in the example above and you will be able to see all the content)
Workaround
- Change the Zoom Level of the Web Browser can help to review the missing content
Notes
Attached a recording IssueReproduced.mov