search

Oli8 / spaper

PaperCSS components for Svelte
https://oli8.github.io/spaper/
MIT License
199 stars 9 forks source link

Burnt toast #23

Closed pitininja closed 2 years ago

pitininja commented 2 years ago

Hello sir,

I've found a glitch with the Toast component on the demo website. On this page, when I click the "Go" button it opens the Toast well, but then I can't click on the navigation buttons no more (in the main navigation menu).

I guess it has something to do with the paper-toast-container div that would prevent reaching the nav bar?

I'm on FIrefox 78.15.0esr, also tested on Brave 1.33.106.

Best regards

Oli8 commented 2 years ago

Hey @pitininja,

Yes we actually caught that glitch right after the release, there's already a fix soon to be merged (https://github.com/Oli8/spaper/pull/22). Thanks for the feedback nonetheless.

Cheers

Oli8 commented 2 years ago

Fixed in v0.2.6

Bergamof commented 2 years ago

Stil an issue. If enough notifications are displayed, the toast container "masks" the page contnent, making it impossible to click the button, for example

image

Oli8 commented 2 years ago

That's right, I'll look that up

Bergamof commented 2 years ago

I'm no specialist of CSS, but if that can help, I found something that seems to resolve the issue :

.paper-toast-container {
    overflow: visible;
    height: 0;
    padding: 0;
}
Oli8 commented 2 years ago

FIxed in v0.4.6.

@Bergamof thanks for the feedback and the code suggestion :)