bulma icon indicating copy to clipboard operation
bulma copied to clipboard

Bulma 1.0 : Drop down menu in a fixed grid is hidden by any other fixed grid

Open jbrazeau opened this issue 10 months ago • 0 comments

This is about Bulma 1.0 fixed grid and drop down menus.

Overview of the problem

This is about the Bulma CSS framework I'm using Bulma version 1.0.0

My browser is: chrome / firefox

I am sure this issue is not a duplicate? Spent a few minutes to lookup in the issue repository, but I didn't find any related issue.

Description

The drop menu content of a drop menu button that resides in a fixed grid is hidden by any other fixed grid that is below.

Steps to Reproduce

I've created a trivial sample with :

  • a fixed grid with 2 rows / 4 cells : the top left cell contains an expanded drop down button, the menu overlaps the second row (which is good)
  • a second fixed grid with 1 row / 2 cells : the menu is hidden by the grid (which is a problem)
  • a column is inserted after : the menu overlaps the columns (which is good)

The basic HTML that isolates the problem is available in code-pen (so that it is trivial to reproduce) : https://codepen.io/Jean-Fran-ois-Brazeau/pen/bGJKeVm

Expected behavior

The drop down menu is expected to be fully visible, even over another fixed grid.

Actual behavior

Screenshot 2024-04-11 at 13 21 47

jbrazeau avatar Apr 11 '24 11:04 jbrazeau