konsta icon indicating copy to clipboard operation
konsta copied to clipboard

Wrong focus styling for ListInputItems with slot="input"

Open kochelmonster opened this issue 1 year ago • 0 comments

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

kochelmonster avatar Dec 12 '23 13:12 kochelmonster