konsta
konsta copied to clipboard
Wrong focus styling for ListInputItems with slot="input"
Check that this is really a bug
- [X] I confirm
Reproduction link
See description
Bug description
If you declare a ListInput element with a slot="input" child like:
<ListInput label="Price">
<CurrencyInput slot="input" name="total" value={0.0} currency="EUR" inputClasses={
{
formatted: 'bg-transparent outline-none',
formattedPositive: 'bg-transparent',
formattedNegative: "",
formattedZero: ""
}}/>
</ListInput>
the styling (e.g color change of label) does not change, when the field is focused.
According to the source code in "ListInput.svelte" the onFocusInternal
is not called for slot="input"
-Children.
The easiest solution would be to export the isFocused
-Field, so the focus-State can be manipulated from outside.
Expected Behavior
see description
Actual Behavior
see description
Konsta UI version
v3.1.2
Platform/Target and Browser Versions
macOS, Windows, Cordova, iOS, Android, Chrome
Validations
- [X] Follow our Code of Conduct
- [X] Read the docs.
- [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
- [X] Make sure this is a Konsta UI issue and not a framework-specific issue
Would you like to open a PR for this bug?
- [X] I'm willing to open a PR