What happened?
With an empty string as a placeholder prop value, cvi-ng-select's width collapses.
Since no placeholder value is provided by default and placeholder is not a required prop, then the bug can be reproduced by simply setting the minimally required amount of props to the component, eg.
<cvi-ng-select [items]="items" labelId="select-label-id" htmlId="select-id"></cvi-ng-select>
This seems to be not an Angular issue however, but rather a styling issue.
Reproduction steps
- Go to https://e-gov.github.io/cvi/?path=/story/angular-form-select--default
- Clear the placeholder control
- Remove the pre-set container width via Dev Tools
- Observed: the component collapses becoming too small
- Expected: the component retains some reasonable width by default
Screenshot
Package
Styles
Version
1.12.0
Reproduction URL
https://e-gov.github.io/cvi/?path=/story/angular-form-select--default
Browser
No response
Browser version
No response
Extra details about your environment
No response
Relevant log output
No response
What happened?
With an empty string as a
placeholderprop value,cvi-ng-select's width collapses.Since no placeholder value is provided by default and
placeholderis not a required prop, then the bug can be reproduced by simply setting the minimally required amount of props to the component, eg.This seems to be not an Angular issue however, but rather a styling issue.
Reproduction steps
Screenshot
Package
Styles
Version
1.12.0
Reproduction URL
https://e-gov.github.io/cvi/?path=/story/angular-form-select--default
Browser
No response
Browser version
No response
Extra details about your environment
No response
Relevant log output
No response