mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(toolbar-search): remove outer div

Browse source
This commit is contained in:
Eric Y Liu 2021-04-01 14:49:40 -07:00
commit d181063d67
1 changed files with 27 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

53
src/DataTable/ToolbarSearch.svelte
View file

@ -32,32 +32,33 @@
await tick(); await tick();
ref.focus(); ref.focus();
} }
$: classes = [
expanded && "bx--toolbar-search-container-active",
persistent
? "bx--toolbar-search-container-persistent"
: "bx--toolbar-search-container-expandable",
disabled && "bx--toolbar-search-container-disabled",
]
.filter(Boolean)
.join(" ");
</script> </script>
<div <Search
tabindex="{expanded || disabled ? '-1' : tabindex}" size="sm"
class:bx--toolbar-action="{true}" tabindex="{tabindex}"
class:bx--toolbar-search-container-active="{expanded}" disabled="{disabled}"
class:bx--toolbar-search-container-expandable="{!persistent}" {...$$restProps}
class:bx--toolbar-search-container-persistent="{persistent}" searchClass="{classes} {$$restProps.class}"
class:bx--toolbar-search-container-disabled="{disabled}" bind:ref
on:click="{expandSearch}" bind:value
on:clear
on:change
on:input
on:focus
on:focus="{expandSearch}" on:focus="{expandSearch}"
> on:blur
<Search on:blur="{() => {
size="sm" expanded = !persistent && !!value.length;
tabindex="{expanded ? tabindex : '-1'}" }}"
disabled="{disabled}" />
{...$$restProps}
bind:ref
bind:value
on:clear
on:change
on:input
on:focus
on:blur
on:blur="{() => {
expanded = !persistent && !!value.length;
}}"
/>
</div>