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
A clear and concise description of what the bug is
When setting up a custom UI theme I've noticed the set fonts aren't applied to all components.
While many components apply the fonts properly, some either fail to apply them to all individual parts or don't apply them at all. There's no override in place, that's just their native browser style/font.
For example, a TextInput component applies the font to its description, but neither to it's label or the actual input element (see following screenshot).
It's totally possible I'm missing something, but so far can't tell.
In which browser(s) did the problem occur?
Firefox, Chrome, Microsoft Edge
Steps To Reproduce
Code:
(Stitches output etc. is properly inserted.)
<scriptlang="ts">import{Button,Checkbox,Flex,Paper,Text,TextInput,Title}from'@svelteuidev/core';import{createTheme}from'@svelteuidev/core';consttheme=createTheme('custom',{fonts: {// Just setting something ridiculous/easy to spotstandard: 'Comic Sans MS, Comic Sans, cursive',mono: 'Comic Sans MS, Comic Sans, cursive',fallback: 'Comic Sans MS, Comic Sans, cursive'}});</script><SvelteUIProviderclass={theme}><Title>Title</Title><hr/><Text>Text</Text><hr/><Button>Button</Button><hr/><TextInputvalue="TextInput" label="TextInput Label" description="TextInput Description" /><hr/><Flex>Flex</Flex><hr/><Checkboxlabel="Checkbox" /></SvelteUIProvider>
Result:
Do you know how to fix the issue
No
Are you willing to participate in fixing this issue and create a pull request with the fix
Yes
Relevant Assets
No response
The text was updated successfully, but these errors were encountered:
No worries, already suspected that. My current workaround simply involves applying the font to html, input, and select, so definitely not a pressing issue.
What package has an issue
@svelteuidev/core
A clear and concise description of what the bug is
When setting up a custom UI theme I've noticed the set fonts aren't applied to all components.
While many components apply the fonts properly, some either fail to apply them to all individual parts or don't apply them at all. There's no override in place, that's just their native browser style/font.
For example, a
TextInput
component applies the font to its description, but neither to it's label or the actual input element (see following screenshot).It's totally possible I'm missing something, but so far can't tell.
In which browser(s) did the problem occur?
Firefox, Chrome, Microsoft Edge
Steps To Reproduce
Code:
(Stitches output etc. is properly inserted.)
Result:
Do you know how to fix the issue
No
Are you willing to participate in fixing this issue and create a pull request with the fix
Yes
Relevant Assets
No response
The text was updated successfully, but these errors were encountered: