search

hperrin / svelte-material-ui

Svelte Material UI Components
https://sveltematerialui.com/
Apache License 2.0
3.32k stars 285 forks source link

Tailwind Incompatiblity: Textfield/Select outline variant bugs visually #656

Open Dudek-AMS opened 6 months ago

Dudek-AMS commented 6 months ago

To Reproduce Include Tailwind to your Project

 <Textfield

                    class="shaped-outlined w-full"
                    variant="outlined"
                    label="something" bind:value={email} type="email" id="input-email" />

Screenshots image

Additional context SMUI is missing to set explicetly border top, left, right to 0

adding this to tailwind css fixed it

.mdc-notched-outline--notched .mdc-notched-outline__notch {
    @apply !border-t-0 !border-l-0 !border-r-0;
}