Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    nowrap="true" no longer honoured by Chrome

    As of Chrome version 78.0.3904.70, nowrap="true" no longer appears to be honoured (at least on a td element).

    For example, compare the following on Chrome 78.0.3904.70 and Firefox. Both render the same in Firefox, but nowrap="true" does not render correctly in Chrome 78.0.3904.70.

    <table>
    <tr>
    <td nowrap="true" class="iconButton" align="left" valign="middle" style="width:1px">
    <img src="https://www.smartclient.com/smartclient/isomorphic/system/reference/exampleImagesTahoe/pieces/16/pawn_yellow.png" width="16" height="16" >
    &nbsp;
    <span style="vertical-align:middle;align-content:center;">nowrap="true"</span>
    </td>
    </tr>
    </table>

    <table>
    <tr>
    <td class="iconButton" align="left" valign="middle" style="width:1px;white-space:nowrap">
    <img src="https://www.smartclient.com/smartclient/isomorphic/system/reference/exampleImagesTahoe/pieces/16/pawn_yellow.png" width="16" height="16" >
    &nbsp;
    <span style="vertical-align:middle;align-content:center;">white-space:nowrap</span>
    </td>
    </tr>
    </table>

    The causes an issue in Ribbon Bars that can be seen when viewing https://www.smartclient.com/smartcli.../?id=ribbonBar in Chrome 78.0.3904.70. The text for the Icon Buttons wraps so that it appears below the button image rather than to the right of it.
    Last edited by Guy Smith; 23 Oct 2019, 23:07.

    #2
    Yes, this is due to an apparent change in handling of nowrap and &nbsp; in Chrome 78 - we're looking into it and will update here when we have more information.

    Comment


      #3
      You can see this happening on the smartGWT showcase page! The tabs along the top have been wrapped so that the icon appears above the text of the tab.

      Comment


        #4
        There is an open Chromium thread on this native bug here: https://bugs.chromium.org/p/chromium...ail?id=1017465
        Given the visibility of this bug and the fact it appears to be well understood we anticipate a public fix fairly quickly.

        In the meantime we are auditing and working around cases where this causes broken display in the framework, so users aren't stuck waiting on Chrome.
        (The showcase headers will be fixed in the next nightly build)

        Regards
        Isomorphic Software

        Comment

        Working...
        X