Fomantic-UI icon indicating copy to clipboard operation
Fomantic-UI copied to clipboard

Dropdown type pointing with scrolling

Open dutrieux opened this issue 6 years ago • 1 comments
trafficstars

Bug Report

Steps to reproduce

  1. add scrolling css class to a dropdown type pointing

Expected result

The pointing is properly display with the scrolling css class

Actual result

The pointing disappears when I add the scrolling css class to the dropdown

Testcase

https://jsfiddle.net/dutrieux/sj5or8bk/31/

Screenshot (when possible)

modal

Version

2.7.2

dutrieux avatar Mar 12 '19 08:03 dutrieux

This isn't as easy as it might looks:

  • The pointer is generated by pseudo class elements
  • The scrolling class adds overflow-y to the menu to enable scrolling.
  • This also means the pointer now gets scrolled aswell as it is also part of the scrolling container
  • As the pointer is positioned on top of the dropdown (thus "already scrolled out"), it gets hidden

lubber-de avatar Mar 13 '19 08:03 lubber-de