search

primefaces / primevue

Next Generation Vue UI Component Library
https://primevue.org
MIT License
10.44k stars 1.23k forks source link

Divider: Safari don't respect empty Divider height #6012

Open allanmcarvalho opened 4 months ago

allanmcarvalho commented 4 months ago

Describe the bug

When using the Divider component in Safari without passing a Slot, a bug happens. The component below does not respect the divider padding because it is an empty DIV. I managed to get around this by putting a inside the Slot when I don't want the Divider to have text. After this, everything appears to be ok.

Reproducer

https://stackblitz.com/edit/primevue-3-vite-ts-issue-template-xus7rx?file=src%2FApp.vue

PrimeVue version

3.53.0

Vue version

4.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Safari 17.5

Steps to reproduce the behavior

Put Divider without Slot content, add a bellow content and see te output on Safari.

Expected behavior

The bellow content don't respect Divider height and stay together with it's line.

midyro commented 2 months ago

I'm facing the same issue. It seems that this problem is also present in Primevue 4. I checked if this problem is also in the Angular version of the Divider component, but that seems to work just fine in Safari. The code is mostly the same.

nicolascvoodoo commented 1 month ago

Same issue here with PrimeVue 4

ayugioh2003 commented 1 week ago

same issue 4.1.0