svelte-material-ui icon indicating copy to clipboard operation
svelte-material-ui copied to clipboard

Tailwind Incompatiblity: Textfield/Select outline variant bugs visually

Open Dudek-AMS opened this issue 9 months ago • 0 comments

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;
}

Dudek-AMS avatar May 17 '24 04:05 Dudek-AMS