Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-5249

Twin column field: issue with scroll bar & alignment on Chrome

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Neutral
    • 6.2
    • None
    • None

    Description

      • Scrolling within a box doesn't work
        • Workaround: use keyboard arrows
        • Exists on Chrome & Firefox
        • Does not exist on Safari

          This is because of overflow:auto; somehow the scrollbar appears after the component is loaded and changes width. Setting to overflow:scroll fixes that, but then the scrollbar is always visible

      • Boxes are not aligned: issue on Chrome, see screenshot
        • Exists on Chrome
        • Does not exist on Firefox & Safari

      The root cause (in resurface theme module at src/main/resources/VAADIN/themes/resurface/twincolumn.scss):

        .v-select-twincol {
          height: 100%;
          vertical-align: text-top;
      
          select {
            ....
            overflow-y: hidden; <-----
            ...
          }
      

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                oanh.thai Oanh Thai Hoang
                slutz Simon Lutz
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Bug DoR
                    Task DoD

                    Time Tracking

                      Estimated:
                      Original Estimate - Not Specified
                      Not Specified
                      Remaining:
                      Time Spent - 0.25d Remaining Estimate - 0.25d
                      0.25d
                      Logged:
                      Time Spent - 0.25d Remaining Estimate - 0.25d
                      0.25d