Materialize Css: select in card

I am trying to use select on a card.

The problem is that when the picklist is open and it should overflow outside the map, it is not.

The overflowing part is hidden / blocked / gone.

I tried and failed:

  • overflow: visible
  • z-index increase
  • changing the position to relative (this will dynamically enlarge the map to match the selection - not the desired result).

on a sideways question, is it not a suitable material construction to use selection (or other inputs) on the map?

+3


source to share


1 answer


This is because the class .card

is styled overflow: hidden

. If you remove this from your map, it will allow the content of the selected stream to flow outside of its boundaries.



Works overflow: visible

up to .card

. Here's the codepen . Just make sure you override class styles correctly .card

.

+7


source







All Articles