ExposedDropdownMenu is not focusable after material3 1.2.0-alpha10 [323694447]

Fixed

Bug

Status Update

No update yet.

Description

jw...@gmail.com

created issue #1

Feb 4, 2024 01:39PM

Versions

Kotlin Compiler extension: 1.5.8

Jetpack Compose bom version: 2024.01.00

androidx.compose.material3:material3 version: 1.2.0-alpha06 - 1.2.0-rc01

Jetpack Compose component used: ExposedDropdownMenuBox / ExposedDropdownMenu / DropdownMenuItem

Android Studio Build: Android Studio Hedgehog | 2023.1.1 Patch 2

Kotlin version: 1.9.22

Issue

We use appium to run our instrumented tests on browserstack, which uses the accessibility functionality to find elements on the screen. Up until alpha05 this worked fine for our dropdown text field (also inside the appium layout inspector, this allowed us to see and select the specific dropdown items). To achieve this, we set the semantics modifier on the DropdownMenuItems.

After material3:1.2.0-alpha06 this changed, and the DropDownMenu was no longer selectable through appium. Seen that the changelog of alpha06 specifically mentions the DropDownMenu, maybe something was accidentally removed here?

If there was a change in how we should approach a drop-down text field after alpha06, I'd like to be referred to that documentation. :)

Note that there is no issue in normal user-use of the composable, just the automated ui tests, that rely on the accessibility functionality.

Steps to Reproduce or Code Sample to Reproduce:

@Immutable
data class DropdownTextFieldDataExample<D>(
    val id: String,
    val items: List<Item<D>>,
    val modifier: Modifier = Modifier,
    val enabled: Boolean = true,
    val label: String? = null,
    val placeholder: String? = null,
    val selectedItem: D? = null,
    val error: String? = null,
    val onSelectionChange: (item: D) -> Unit = {},
) {
    @Immutable
    data class Item<D>(val id: String, val text: String, val data: D)
}

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun <D> DropdownTextFieldExample(data: DropdownTextFieldDataExample<D>, modifier: Modifier = Modifier) {
    var expanded by remember {
        mutableStateOf(false)
    }

    ExposedDropdownMenuBox(
        expanded = expanded,
        onExpandedChange = { if (data.enabled) expanded = !expanded },
    ) {
        TextField(
            TextFieldData(
                id = data.id,
                text = data.items.find { it.data == data.selectedItem }?.text?.orEmpty(),
                enabled = data.enabled,
                alwaysSetTextFromData = true,
                label = data.label,
                trailingIcon = DropdownTextFieldDefaults.trailingIcon(expanded),
                placeholder = data.placeholder,
                error = data.error,
                maxLines = 1,
                singleLine = true,
                readOnly = true,
            ),
            modifier = modifier.menuAnchor(),
            inputModifier = Modifier.fillMaxWidth(),
        )
        ExposedDropdownMenu(expanded = expanded, onDismissRequest = { expanded = false }) {
            data.items.forEach { (itemId, itemTextData, item) ->
                DropdownMenuItem(
                    modifier = Modifier.semantics {
                        testTagsAsResourceId = true
                        testTag = itemId
                    },
                    text = { Text(itemTextData) },
                    onClick = {
                        data.onSelectionChange(item)
                        expanded = false
                    },
                )
            }
        }
    }
}

Stack trace (if applicable):

Not available.

Comments

se...@google.com <se...@google.com> Feb 5, 2024 03:19PM

Reassigned to ma...@google.com.

ma...@google.com <ma...@google.com> #2Feb 5, 2024 06:47PM

Project: platform/frameworks/support
Branch: androidx-main
Author: Louis Pullen-Freilich <lpf@google.com>
Link: https://android-review.googlesource.com/3328184

Adds OverscrollEffect#withoutDrawing and OverscrollEffect#withoutEventHandling

Expand for full commit details

Adds OverscrollEffect#withoutDrawing and OverscrollEffect#withoutEventHandling 
 
These APIs allow overscroll to have events dispatched to it by one component, and rendered in a separate component. 
 
Fixes: b/266550551 
Fixes: b/204650733 
Fixes: b/255554340 
Fixes: b/229537244 
Test: OverscrollTest 
Relnote: "Adds OverscrollEffect#withoutDrawing and OverscrollEffect#withoutEventHandling APIs - these APIs create a wrapped instance of the provided overscroll effect that doesn't draw / handle events respectively, which allows for rendering  overscroll in a separate component from the component that is dispatching events. For example, disabling drawing the overscroll inside a lazy list, and then drawing the overscroll separately on top / elsewhere." 
Change-Id: Idbb3d91546b49c1987a041f959bce4b2b09a9f61

Files:

M compose/foundation/foundation/api/current.txt
M compose/foundation/foundation/api/restricted_current.txt
M compose/foundation/foundation/integration-tests/foundation-demos/src/main/java/androidx/compose/foundation/demos/OverscrollDemo.kt
M compose/foundation/foundation/samples/src/main/java/androidx/compose/foundation/samples/OverscrollSample.kt
M compose/foundation/foundation/src/androidInstrumentedTest/kotlin/androidx/compose/foundation/OverscrollTest.kt
M compose/foundation/foundation/src/commonMain/kotlin/androidx/compose/foundation/Overscroll.kt

Hash: f64e25b7a473c757d080521e7dd97b3f6670f60d
Date: Fri Nov 01 18:43:56 2024

jw...@gmail.com <jw...@gmail.com> #3Feb 7, 2024 11:57AM

The following release(s) address this bug.It is possible this bug has only been partially addressed:

androidx.compose.foundation:foundation:1.8.0-alpha06
androidx.compose.foundation:foundation-android:1.8.0-alpha06
androidx.compose.foundation:foundation-jvmstubs:1.8.0-alpha06
androidx.compose.foundation:foundation-linuxx64stubs:1.8.0-alpha06

Message last modified on Feb 8, 2024 11:25AM

alpha10-collapsed.xml

16 KB

Download

alpha10-expanded-appium inspector.png

167 KB

View

Download

alpha10-expanded.xml

4.7 KB

Download

alpha11-collapsed.xml

16 KB

Download

alpha11-expanded.xml

16 KB

Download

layout inspactor-collapsed.png

26 KB

View

Download

layout inspector-expanded.png

35 KB

View

Download

jw...@gmail.com <jw...@gmail.com> #4Feb 8, 2024 11:22AM

I noticed that a new bom was released today, so I tried it out:

kotlinCompilerExtensionVersion: 1.5.8 +
compose-bom: 2024.02.00 +
material3:1.2.0-alpha10: broken
material3:1.2.0-rc01: broken

kotlinCompilerExtensionVersion: 1.5.9 +
compose-bom: 2024.02.00 +
material3:1.2.0-alpha10: broken

It seems that the change in compose-ui affected the behavior, unfortunately, it now also shows the 'broken' behavior on the 1.2.0-alpha10 version, which worked before.

Message last modified on Feb 8, 2024 11:32AM

jw...@gmail.com <jw...@gmail.com> #5Feb 14, 2024 09:16AM

Extra information:

We use UiAutomator2 for our appium configuration, so its also feasible that uiAutomator2 needs to be fixed.

ja...@gopuff.com <ja...@gopuff.com> #6Feb 16, 2024 12:28PM

Hi, we have the same issue on Appium not seeing exposed menu popup window contents but we are using Material2 version of the exposed APIs:

import androidx.compose.material.ExposedDropdownMenuBox

Additionally we noticed the regression affected also the window focus. Before it broke, you could open the exposed popup window and it would be taking key events in and you could navigate thorugh the DropdownMenuItems but after it broke, the focus stays on the screen beneath the popup window.

I hope this helps to narrow down the issue root.

ge...@gmail.com <ge...@gmail.com> #7Feb 19, 2024 12:22PM

Given this is the broken popup window focus, can we give it a higher priority, please?

co...@google.com <co...@google.com> #8Feb 19, 2024 08:56PM

Commenter #6, could you please share what version of Material 2 / compose-bom you are using?

ja...@gopuff.com <ja...@gopuff.com> #9Feb 20, 2024 11:52AM

| Re #8

We bumped our Compose dependency BOM from 2023.10.01 to 2024.02.00 and then got hit with this regression.

    implementation(platform("androidx.compose:compose-bom:${Versions.COMPOSE_BOM}"))
    api("androidx.compose.ui:ui")
    api("androidx.compose.foundation:foundation")
    api("androidx.compose.material:material")
    api("androidx.compose.ui:ui-tooling-preview")
    api("androidx.compose.material:material-icons-extended")
    api("androidx.compose.material3:material3")
    api("androidx.compose.runtime:runtime-livedata")

ma...@google.com <ma...@google.com> Feb 20, 2024 07:18PM

Reassigned to ma...@google.com.

ap...@google.com <ap...@google.com> #10Feb 26, 2024 11:55PM

Marked as fixed.

Project: platform/frameworks/support
Branch: androidx-main

commit e423a650b6b286c120be06f6c905d114403d98ab
Author: Max Alfonso-Ying <maxying@google.com>
Date: Mon Feb 26 21:17:16 2024

Fix EDM flags when TalkBack is off

Follow-up to aosp/2816835. That CL changed the flags to
support when TalkBack was turned on, but accidentally
changed the default when TalkBack was off. This CL
corrects that mistake.

This is only needed for a 1.2.0 cherrypick. EDM will no
longer use this custom popup in 1.3.0 after aosp/2974232.

Test: manual testing with TalkBack turned on and off
Fixes:

b/323694447

Change-Id: Iabcf320c0fa1762463ce2fe2f38bae7ea73fcec1

M compose/material3/material3/src/androidMain/kotlin/androidx/compose/material3/internal/ExposedDropdownMenuPopup.android.kt

https://android-review.googlesource.com/2977881

ja...@gopuff.com <ja...@gopuff.com> #11Feb 27, 2024 10:29AM

This is only needed for a 1.2.0 cherrypick.

M compose/material3/material3/src/androidMain/kotlin/androidx/compose/material3/internal/ExposedDropdownMenuPopup.android.kt

Commenter #10

Will this be fixed also for Material2 i.e. androidx.compose.material:material:1.6.2 ?

ma...@google.com <ma...@google.com> #12Feb 27, 2024 02:43PM

comment#11: Yes this will be fixed in Material 2 as well.

ja...@gopuff.com <ja...@gopuff.com> #13Feb 27, 2024 03:22PM

What Compose [BOM] version can we expect the fix for M2 and M3 in?

ap...@google.com <ap...@google.com> #14Feb 27, 2024 05:21PM

Project: platform/frameworks/support
Branch: androidx-main

commit b3e6ebe4229e10fa0711277b139316d3e6c0e0ed
Author: Max Alfonso-Ying <maxying@google.com>
Date: Tue Feb 27 16:14:27 2024

Revert "Focus EDM popup when opened when TalkBack is on"

This revert is for M2 only. M3 has a fix-forward in
aosp/2977881.

This reverts commit 6d0af84f14057929daa80a4fd8325c258295992c.

Reason for revert: Accidentally changed focusability of popup
when TalkBack is off.

Bug:

b/323694447

Test: manually with TalkBack both on and off
Change-Id: I03e9fb02e232b9626a37db90b1a3ccffb73c2736

M compose/material/material/src/androidMain/kotlin/androidx/compose/material/internal/ExposedDropdownMenuPopup.android.kt

https://android-review.googlesource.com/2979894

ma...@google.com <ma...@google.com> #15Feb 28, 2024 09:14PM

comment#13: Barring anything unexpected, we are targeting the fixes for androidx.compose.material:material:1.6.3 and androidx.compose.material3:material3:1.2.1. A new BOM should be available when this happens.

ja...@gopuff.com <ja...@gopuff.com> #16Feb 29, 2024 12:53PM

Thank you! That sounds awesome.

ap...@google.com <ap...@google.com> #17Mar 5, 2024 05:44PM

Project: platform/frameworks/support
Branch: androidx-main

commit 3170fdd82ffa9cd96883e9446d8f2d0e8b118787
Author: Max Alfonso-Ying <maxying@google.com>
Date: Thu Feb 22 18:48:18 2024

Add customization parameters to EDM

Most notably, EDM focusability is now customizable.
Also cleaned up some doc wording.

Test: Updated unit tests
Bug:

b/323694447

Fixes:

b/278609042

Relnote: "ExposedDropdownMenu is now implemented using Popup. The
behavior should be the same except focusable menus with editible
text fields may be dismissed when typing on the keyboard."
Relnote: "Added parameters to customize ExposedDropdownMenu.
In particular, menus now have a `focusable` parameter
(default `true`) that should be set to `false` when working
with editable text fields."
Change-Id: I4184c21ee9f6ac3a5dcffceb1014b3e4b26eccb9

M compose/material3/material3/api/current.txt
M compose/material3/material3/api/restricted_current.txt
M compose/material3/material3/samples/src/main/java/androidx/compose/material3/samples/ExposedDropdownMenuSamples.kt
M compose/material3/material3/src/androidInstrumentedTest/kotlin/androidx/compose/material3/ExposedDropdownMenuTest.kt
M compose/material3/material3/src/androidMain/kotlin/androidx/compose/material3/ExposedDropdownMenu.android.kt

https://android-review.googlesource.com/2974232

na...@google.com <na...@google.com> #18Mar 6, 2024 07:49PM

The following release(s) address this bug.It is possible this bug has only been partially addressed:

androidx.compose.material:material:1.6.3
androidx.compose.material:material-android:1.6.3
androidx.compose.material:material-desktop:1.6.3
androidx.compose.material:material:1.7.0-alpha04
androidx.compose.material:material-android:1.7.0-alpha04
androidx.compose.material:material-desktop:1.7.0-alpha04
androidx.compose.material3:material3:1.2.1
androidx.compose.material3:material3-android:1.2.1
androidx.compose.material3:material3-desktop:1.2.1
androidx.compose.material3:material3:1.3.0-alpha02
androidx.compose.material3:material3-android:1.3.0-alpha02
androidx.compose.material3:material3-desktop:1.3.0-alpha02

pr...@google.com <pr...@google.com> #19Mar 20, 2024 08:26PM

The following release(s) address this bug.It is possible this bug has only been partially addressed:

androidx.compose.material3:material3:1.3.0-alpha03
androidx.compose.material3:material3-android:1.3.0-alpha03
androidx.compose.material3:material3-desktop:1.3.0-alpha03

Issue 323694447

Description

Versions

Issue

Steps to Reproduce or Code Sample to Reproduce:

Stack trace (if applicable):

Issue summary

Comments

se...@google.com <se...@google.com> Feb 5, 2024 03:19PM

ma...@google.com <ma...@google.com> #2Feb 5, 2024 06:47PM

jw...@gmail.com <jw...@gmail.com> #3Feb 7, 2024 11:57AM

jw...@gmail.com <jw...@gmail.com> #4Feb 8, 2024 11:22AM

jw...@gmail.com <jw...@gmail.com> #5Feb 14, 2024 09:16AM

ja...@gopuff.com <ja...@gopuff.com> #6Feb 16, 2024 12:28PM

ge...@gmail.com <ge...@gmail.com> #7Feb 19, 2024 12:22PM

co...@google.com <co...@google.com> #8Feb 19, 2024 08:56PM

ja...@gopuff.com <ja...@gopuff.com> #9Feb 20, 2024 11:52AM

ma...@google.com <ma...@google.com> Feb 20, 2024 07:18PM

ap...@google.com <ap...@google.com> #10Feb 26, 2024 11:55PM

ja...@gopuff.com <ja...@gopuff.com> #11Feb 27, 2024 10:29AM

ma...@google.com <ma...@google.com> #12Feb 27, 2024 02:43PM

ja...@gopuff.com <ja...@gopuff.com> #13Feb 27, 2024 03:22PM

ap...@google.com <ap...@google.com> #14Feb 27, 2024 05:21PM

ma...@google.com <ma...@google.com> #15Feb 28, 2024 09:14PM

ja...@gopuff.com <ja...@gopuff.com> #16Feb 29, 2024 12:53PM

ap...@google.com <ap...@google.com> #17Mar 5, 2024 05:44PM

na...@google.com <na...@google.com> #18Mar 6, 2024 07:49PM

pr...@google.com <pr...@google.com> #19Mar 20, 2024 08:26PM

Add comment

Issue metadata