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
Hello, first of all, really nice work and thanks for sharing it with us!
I started using this library for a small project and wanted to use the bottom-app-bar for my mobile view. I use a media query to check if my width is higher than 600px, if so, the bottom-app-bar is unmounted from the dom. actually, this throws an Uncaught TypeError: Cannot read properties of null (reading 'getBoundingClientRect').
I already found a fix for this in BottomAppBar.svelte:175:
i would like to pull request this, if you don't mind.
code example:
<script lang="ts">
import { MediaQuery } from "svelte/reactivity";
import BottomAppBar, {
AutoAdjust,
} from '@smui-extra/bottom-app-bar';
let mobile = new MediaQuery('(max-width: 600px)');
</script>
{#if mobile.current}
<BottomAppBar>
<p> test bottom app bar </p>
</BottomAppBar>
{:else}
<p> test no bottom app bar </p>
{/if}
The text was updated successfully, but these errors were encountered:
okaluk
added a commit
to okaluk/svelte-material-ui
that referenced
this issue
Mar 31, 2025
Hello, first of all, really nice work and thanks for sharing it with us!
I started using this library for a small project and wanted to use the bottom-app-bar for my mobile view. I use a media query to check if my width is higher than 600px, if so, the bottom-app-bar is unmounted from the dom. actually, this throws an
Uncaught TypeError: Cannot read properties of null (reading 'getBoundingClientRect')
.I already found a fix for this in BottomAppBar.svelte:175:
i would like to pull request this, if you don't mind.
code example:
The text was updated successfully, but these errors were encountered: