AnimatedVisibility doesn't work with FloatingActionButton in Scaffold [224005027]

Assigned

Bug

Status Update

No update yet.

Description

ph...@gmail.com

created issue #1

Mar 13, 2022 06:36AM

Jetpack Compose release version: 1.1.1 & 1.2.0-alpha04

With some animation types, including AnimatedVisibility default ones, the view doesn't appear at all.

var flag by remember { mutableStateOf(true) }
Scaffold(
    floatingActionButton = {
        AnimatedVisibility(visible = flag)
        {
            FloatingActionButton({}) {
                Icon(Icons.Default.ArrowBack, null)
            }
        }
    },
) {
    Switch(flag, { flag = it })
}

ScaleIn/out works fine.

If I put AnimatedVisibility in a Box(Modifier.size(FabSize)), it works almost fine, expect the shadow - it's being clipped during animation until the final frame.

withBox.gif

86 KB

View

Download

withoutBox.gif

101 KB

View

Download

Comments

ca...@gmail.com <ca...@gmail.com> #2Mar 14, 2022 06:16AM

There is a report about it in kotlinlang Slack: https://kotlinlang.slack.com/archives/C01D6HTPATV/p1706005056105739

so...@google.com <so...@google.com> Mar 14, 2022 10:19AM

Assigned to je...@google.com.

ph...@gmail.com <ph...@gmail.com> #3Mar 14, 2022 12:58PM

Thanks for the report!

ap...@google.com <ap...@google.com> #4Jun 29, 2022 04:39PM

The release notes documentation has been edited to clarify this change in behavior for line height.

To support non-standard text sizes, we encourage users to follow the Material design system and use a different type scale rather than changing the font size directly. Alternatively, users can overwrite the line height like so: style = LocalTextStyle.current.copy(lineHeight = TextUnit.Unspecified), or create a custom Typography entirely.

sg...@google.com <sg...@google.com> #5Jun 29, 2022 04:40PM

Marked as fixed.

deleted

ja...@gmail.com <ja...@gmail.com> #6Nov 10, 2022 12:35PM

In my case, I have multiple font sizes in the same Text (using SpanStyle in AnnotatedString). There are legitimate reasons for this. For example, when combining Chinese and English (phonetic) together (for language-learning purposes).

Message last modified on Nov 10, 2022 12:36PM

broken.jpeg

6 KB

View

Download

start.jpg

6.1 KB

View

Download

sh...@gmail.com <sh...@gmail.com> #7Jan 22, 2023 09:20AM

The same issue happens for me with androidx.compose.material3:material3:1.1.0-alpha04, button doesn't appear with default animations for AnimatedVisibility, but it works when using scaleIn/scaleOut animations instead

pa...@gmail.com <pa...@gmail.com> #8May 1, 2023 04:43PM

I'm still having this issue with androidx.compose.material3:material3:1.1.0-beta02. Default animations don't work at all, i.e. nothing gets shown. Fade animations get clipped. Scale animations seem to work fine.

Message last modified on May 1, 2023 04:46PM

jo...@asos.com <jo...@asos.com> #9Aug 25, 2023 01:43PM

Still an issue in "androidx.compose:compose-bom:2023.08.00". Affects anything with an elevation set in floatingActionButton when using a scaffold & AnimateVisibility.

Message last modified on Aug 29, 2023 10:27AM

co...@google.com <co...@google.com> Aug 25, 2023 06:22PM

Status: Assigned (reopened)

pe...@gmail.com <pe...@gmail.com> #10Sep 8, 2023 10:23PM

I am still facing the same issue with androidx.compose.material3:material3:1.1.1. It happens mainly if the FloatingActionButton is set from visible=false to visible=true inside a AnimatedVisibility

Message last modified on Sep 8, 2023 10:27PM

te...@gmail.com <te...@gmail.com> #11Sep 24, 2023 01:20PM

still not working...

mi...@gmail.com <mi...@gmail.com> #12Jan 1, 2024 04:20PM

This issue is still occurring in androidx.compose:compose-bom:2023.10.01

an...@gmail.com <an...@gmail.com> #13Jan 8, 2024 09:42PM

I am also experiencing this issue in 2023.10.01.

As mentioned in the original issue, setting enter = scaleIn() and exit = scaleOut() on the AnimatedVisibility seems to fix the issue, but does not work as a solution when there is more than one FAB (primary extended and secondary small FAB).

Message last modified on Jan 8, 2024 09:43PM

ph...@bayf.net <ph...@bayf.net> #14Mar 22, 2024 08:04PM

Still happening with 2024.03.00

ja...@billease.com <ja...@billease.com> #15Apr 4, 2024 07:36AM

Still happening in 2024.04.00

mi...@gmail.com <mi...@gmail.com> #16Jul 6, 2024 02:15PM

Still reproducing 06/07/2024.

mc...@solem.fr <mc...@solem.fr> #17Aug 20, 2024 02:52PM

Still reproducing as today.

Animation androidx.compose.animation:animation:1.7.0-beta06

Foundation androidx.compose.foundation:foundation:1.7.0-beta06

pa...@outlook.com <pa...@outlook.com> #18Jan 5, 2025 05:45AM

2025 and still happening

Issue 224005027

Description

Issue summary

Comments

ca...@gmail.com <ca...@gmail.com> #2Mar 14, 2022 06:16AM

so...@google.com <so...@google.com> Mar 14, 2022 10:19AM

ph...@gmail.com <ph...@gmail.com> #3Mar 14, 2022 12:58PM

ap...@google.com <ap...@google.com> #4Jun 29, 2022 04:39PM

sg...@google.com <sg...@google.com> #5Jun 29, 2022 04:40PM

ja...@gmail.com <ja...@gmail.com> #6Nov 10, 2022 12:35PM

sh...@gmail.com <sh...@gmail.com> #7Jan 22, 2023 09:20AM

pa...@gmail.com <pa...@gmail.com> #8May 1, 2023 04:43PM

jo...@asos.com <jo...@asos.com> #9Aug 25, 2023 01:43PM

co...@google.com <co...@google.com> Aug 25, 2023 06:22PM

pe...@gmail.com <pe...@gmail.com> #10Sep 8, 2023 10:23PM

te...@gmail.com <te...@gmail.com> #11Sep 24, 2023 01:20PM

mi...@gmail.com <mi...@gmail.com> #12Jan 1, 2024 04:20PM

an...@gmail.com <an...@gmail.com> #13Jan 8, 2024 09:42PM

ph...@bayf.net <ph...@bayf.net> #14Mar 22, 2024 08:04PM

ja...@billease.com <ja...@billease.com> #15Apr 4, 2024 07:36AM

mi...@gmail.com <mi...@gmail.com> #16Jul 6, 2024 02:15PM

mc...@solem.fr <mc...@solem.fr> #17Aug 20, 2024 02:52PM

pa...@outlook.com <pa...@outlook.com> #18Jan 5, 2025 05:45AM

Add comment

Issue metadata