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

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

XMLWordPrintable

    • 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

      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); }

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

              Created:
              Updated:
              Resolved: