You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
Textfield HelperText does not render in the correct location if placed inside an {#if}. Noticed this with CharacterCounter but I'm guessing a similar bug is causing #392 and possibly #245 (though that issue is pretty old at this point).
I have a hunch it could be related to #384 as well, as those are both situations where an element is conditionally rendered and some of the styles are not loaded correctly.
To Reproduce
Steps to reproduce the behavior:
Add HelperText to a Textfield inside a conditional, e.g.
export let charLimit = 18;
<Textfieldlabel="Write a message..."input$maxLength={charLimit}>
{#ifcharLimit}
<CharacterCounterslot="helper" />
{/if}
</Textfield>
Expected behavior
Character count displays below textfield
Screenshots
Desktop (please complete the following information):
OS: MacOS
Browser: Chrome
Version ^7.0.0-beta.14
Additional context
For those running into a similar issue, you can use <svelte:fragment> as a workaround:
<Textfieldlabel="Write a message..."input$maxLength={charLimit}>
<svelte:fragmentslot="helper">
{#ifcharLimit}
<CharacterCounter />
{/if}
</svelte:fragment>
</Textfield>
The text was updated successfully, but these errors were encountered:
Describe the bug
Textfield
HelperText
does not render in the correct location if placed inside an{#if}
. Noticed this withCharacterCounter
but I'm guessing a similar bug is causing #392 and possibly #245 (though that issue is pretty old at this point).I have a hunch it could be related to #384 as well, as those are both situations where an element is conditionally rendered and some of the styles are not loaded correctly.
To Reproduce
Steps to reproduce the behavior:
Add
HelperText
to aTextfield
inside a conditional, e.g.Expected behavior
Character count displays below textfield
Screenshots
Desktop (please complete the following information):
^7.0.0-beta.14
Additional context
For those running into a similar issue, you can use
<svelte:fragment>
as a workaround:The text was updated successfully, but these errors were encountered: