Button: Button width is to small when have a icon and a badge only #4083
Labels
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
Milestone
Describe the bug
There is a bug with the button when used with an icon and a badge only. When there is an icon and no label the css class
.p-button.p-button-icon-only
with a fixed with is set. Then the button will not expand accordingly to the with of the number in the badge.PR
#4084
Reproducer
https://codesandbox.io/s/kind-moser-j9x2rv?file=/src/App.vue
PrimeVue version
3.29.2
Vue version
3.x
Language
TypeScript
Build / Runtime
Vite
Browser(s)
Chrome Version 114.0.5735.133 (Official Build) (arm64)
Steps to reproduce the behavior
Create a Button with a Badge and an icon but without a label. The Badge must haven a number with multiple letters. Than the number is not visible completly.
Expected behavior
To see the whole number
The text was updated successfully, but these errors were encountered: