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" >
<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" >
<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.
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" >
<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" >
<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.
Comment