primefaces / primeng

The Most Complete Angular UI Component Library
https://primeng.org
Other
9.53k stars 4.47k forks source link

Divider: dotted vertical divider is not working #15350

Closed JMuenzenberger closed 2 weeks ago

JMuenzenberger commented 2 weeks ago

Describe the bug

When using the divider component like <p-divider layout="vertical" type="dotted"></p-divider> a vertical dotted divider should be shown, but it displays nothing. Type "dashed" and "solid" are working fine.

There was the same bug for the primevue project. I think the issue is the same here: https://github.com/primefaces/primeng/blob/0e67c7f13d8c0e1ada314f5d5f577d19d5d9ed38/src/app/components/divider/divider.css#L83

PrimeVue issue: https://github.com/primefaces/primevue/issues/3534

image

Environment

Reproducer

https://stackblitz.com/edit/xmp1se?file=src%2Fapp%2Fdemo%2Fdivider-vertical-demo.html

Angular version

17.3.4

PrimeNG version

17.3.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v18.17.1

Browser(s)

No response

Steps to reproduce the behavior

Use <p-divider layout="vertical" type="dotted"></p-divider> in angular application

Expected behavior

Should be able to see a vertical dotted line