search

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

pointer-events: none for :after pseudo #286

Closed jsupa closed 1 month ago

jsupa commented 1 month ago

Hi, if I use for example title in .chip it doesn't work but after adding pointer-events: none for ::after everything works as it should.

code example

<div class="chip round">
    text
    <i>event</i>
    <p title="13. Apr. 2024 - 05:05">will_expire in 2 days.</p>
</div>
leonardorafael commented 1 month ago

Hi, for buttons and chips, we don't have access to child elements by default. To enable access to child elements you need to bring the element to front, using front helper. Try this:

<div class="chip round">
    text
    <i>event</i>
    <p class="front" title="13. Apr. 2024 - 05:05">will_expire in 2 days.</p>
</div>
jsupa commented 1 month ago

Hi, yes, thank you, works, I need to read the documentation better 😄