-
Bug
-
Resolution: Fixed
-
Critical
-
9.6.0.1
-
Security Level: Jimmy
-
None
Steps to Reproduce
determine column width based on content, e.g. sizedByContent or hflex=min
<listbox sizedByContent="true"> <!-- <listbox hflex="min"> --> <listhead> <listheader label="Title 1"/> <listheader label="Title 2"/> <listheader label="Title 3"/> </listhead> <listitem> <listcell label="This is a reasonably long title to see if the web browsers such as Chrome or Firefox wraps the text"/> <listcell label="This long:"/> <listcell label="This short:"/> </listitem> </listbox>
Current Result
Expected Result
Debug Information
this worked up to Chrome 89
and Starts failing from Chrome 90+
Workaround
- extend the cell content width by 1px to avoid the rounding difference that causes a line wrap
https://zkfiddle.org/sample/30bg91a/1-listcell-content-wrapping
.z-listbox.workaround .z-listcell-content
{ min-width: calc(100% + 1px); }- some more workarounds for tree and grid
https://zkfiddle.org/sample/1ffbfuh/1-chrome-cell-wrap-grid-tree
- is duplicated by
-
ZK-5164 sizedByContent doesn't render an enough width
- Closed