A modern programming language that makes developers happier.

kotlinlang

Let's say I have a  `Scaffold`  and I show a snackbar by calling `scaffoldState.snackbarHostState.showSnackbar(...)` . The snackbar is shown above the fab. What can I do to make the snackbar move the fab up when it is shown and down when it disappears?

This is specifically one of the "Don't" examples from the Material guidelines: <https://material.io/components/snackbars#behavior|https://material.io/components/snackbars#behavior>

Making sure visual elements don't move out from underneath users (say, as they're about to tap the FAB) is one of the key points to making a predictable UI

I understand, it just looks a bit unbalanced if the fab is aligned to the right side. Theres lots of space to the left of the fab when the snackbar appears above.

Could the snackbar be aligned at the bottom of the screen, starting at the left side of the screen and ending at the left edge of the fab?

<@UJBPFB3SN> Why is the official example for the view based UI system showing exactly what should be avoided? Also it works out of the box in the view system.
<https://developer.android.com/training/snackbar/showing#coordinator> (Figure 1)

That's the full-width snack bar in the old meterial design. The full-width snack bar pops up from the bottom of the screen so naturally it should push the fab up. You can find the old <https://material.io/archive/guidelines/components/snackbars-toasts.html#snackbars-toasts-usage|spec> here.
The design and the behavior of snack bars have been updated in the new design and what Ian said is an important reason I guess.

If you use the latest version of MDC, it should also match Compose

<@UJBPFB3SN> FYI, on <https://m3.material.io/components/floating-action-button/implementation/android|the M3 website under FAB implementation>, it still states:
&gt; Note: If the `FloatingActionButton` is a child of a `CoordinatorLayout`, you get certain behaviors for free. It will automatically shift so that any displayed `Snackbar`s do not cover it, and will automatically hide when covered by an `AppBarLayout` or `BottomSheetBehavior`.
I'm not sure if this is true or not as I have not used the M3 version of MDC-Android.

I definitely agree with the updated behavior to not move buttons like the FAB, but I also don't love how it looks to have the snackbar appear above the FAB. :confused:

Yeah, that hasn't been the case with a `CoordinatorLayout` for years at this point (and there's no Material3 version of `CoordinatorLayout`). I'd tap the 'Feedback' button on the bottom to report any inaccuracies directly to the right people