• 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; <-----
      ...
    }