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

Resizing window with vertical Tabbox and percentage width on Tabs

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: Major Major
    • None
    • None
    • None
    • None
    • Windows 7, Chrome

      We have the following scenario:
      <tabbox hflex=1 vflex=1 orient=left>
      <tabs width=20%>
      <!-- some tabs -->
      </tabs>
      <tabpanels hflex=1 vflex=1>
      <tabpanel hflex=1 vflex=1>
      <!-- some content with overflow:auto; hflex == vflex == 1 -->
      </tabpanel>
      </tabpanels>
      </tabbox>

      While this works great on bigger resolutions, I noticed that the Tabpanels element is moved below my viewport when I resize to a smaller window.
      When I inspect its DOM element with the developer tools, and remove the inline width that's set by hflex, it is shown again.
      Alternately, if I change the inline width to one pixel less, it is also displayed again.

      This may be due to the cases where the percentage width set on the Tabs gives out a decimal pixel value which is ceil'd by the browser, instead of floor'd.
      For an experiment, you can try setting decimal pixel widths in the inline style. Notice that 0.1px is enough to break it.

            christopherszu christopherszu
            AndreiTM AndreiTM
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated: