Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-5029

sporadic text wrapping in listbox/grid/tree cells since chrome 90

    XMLWordPrintable

    Details

      Description

      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

      Chrome 94

      Expected Result

      FF 92

      Debug Information

      this worked up to Chrome 89

      Chromium 89

      and Starts failing from Chrome 90+

      Workaround

      .z-listbox.workaround .z-listcell-content

      { min-width: calc(100% + 1px); }

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              gordonhsu gordonhsu
              Reporter:
              cor3000 cor3000
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved: