beercss / beercss

Build material design interfaces in record time... without stress for devs... πŸΊπŸ’›
https://www.beercss.com
MIT License
937 stars 47 forks source link

Dropdown does not work with Safari #278

Closed alaibe closed 1 month ago

alaibe commented 1 month ago

Dropdown does not work with Safari. Version 17.4 (19618.1.15.11.12) beercss version: 3.5.1 I simply used:

<button>
  <span>Default</span>
  <i>arrow_drop_down</i>
  <menu>
    <a>Item 1</a>
    <a>Item 2</a>
    <a>Item 3</a>
  </menu>
</button>

However, i noticed they do work in https://www.beercss.com

leonardorafael commented 1 month ago

Hi @alaibe

This is a limitation of Safari, https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#clicking_and_focus

image

Also, You can try another trigger method here https://github.com/beercss/beercss/blob/main/docs/MENU.md.

Hope this helps.