Does material specifically forbid alpha in the pop...
# composel
Landry Norris
08/19/2022, 6:02 PMDoes material specifically forbid alpha in the popup for a dropdown menu? It appears that ExposedDropDownMenu does not support this, so I had to copy the source code from
ExposedDropDownMenuAndroidMenuExposedDropDownMenuPopupMenuc
Chris Sinco [G]
08/19/2022, 6:55 PMIt’s not explicitly forbidden but it is implicitly not recommended as the design specs don’t have any indication of using transparency in menus and overlays. Is this a design requirement for your app?
l
Landry Norris
08/19/2022, 6:56 PMYes. I need the dropdown to have an alpha of 0.611
c
Chris Sinco [G]
08/19/2022, 6:56 PMAlso FWIW, adding transparency to the background of a menu or overlay in Compose will not be a great result because of shadow which is also in those components. Applying an alpha will expose the shadow layer behind which is not desirable. This is likely why there is still an opaque background applied behind.
l
Landry Norris
08/19/2022, 6:56 PMFor now, I created a package and copied the relevant sources of ExposedDropDownMenu, then added an alpha to PopupLayout
c
Chris Sinco [G]
08/19/2022, 6:59 PMI see - what does it look like now (assuming you removed the opaque background)?
l
Landry Norris
08/19/2022, 6:59 PMI can see the content that is behind the dropdown menu now. It looks like a normal popup with alpha. I did have to apply the alpha to the whole popup, not the background color, so I can’t have anything fully opaque. I tried setting the background color of the PopupLayout, which is what the design specs wanted, but that didn’t seem to work. I’m just going to see if the design team is happy with the text in the options being partially transparent too.
c
Chris Sinco [G]
08/19/2022, 7:00 PMCurious, do you have a mock of the intended design?
l
Landry Norris
08/19/2022, 7:02 PMNot currently. We’re between design tools right now, so I just got a verbal description. The drop down should let the user choose between several options. The background color of the dropdown’s popup is supposed to be black with an alpha of 0.611 and the text should be white.
c
Chris Sinco [G]
08/19/2022, 7:03 PMGotcha. 0.611 is quite specific…
l
Landry Norris
08/19/2022, 7:04 PMI may take some time some weekend and see if I can get it properly working where the background can have alpha, instead of applying it to the whole popup. Would this be something that I should make a PR for on compose-ui if I can figure it out?
c
Chris Sinco [G]
08/19/2022, 7:19 PMI’m not sure it would be accepted since the decision to NOT have alpha in menus is based on the Material Design spec and also seems to be an Android OS wide decision as well (implicitly at least when I look at the many menus/overlays/dialogs). So I’m not sure we’d accept this into the core since it seems this is a design decision meant for an individual app.
Chris Sinco [G]
08/19/2022, 7:21 PMI think it may be better to create a feature request so we can track if other developers/apps would like this functionality, and then we’ll decide accordingly how to execute in the core libraries
l
Landry Norris
08/19/2022, 7:39 PMSounds good. I’d assume I need to use the google sources androidx repo to create the feature request?
c
Chris Sinco [G]
08/19/2022, 7:47 PMOh I meant on Issue Tracker. But creating a pull request is also helpful if it’s not too much effort, and yes that’d be on androidx
l
Landry Norris
08/19/2022, 7:48 PMSorry, I meant issue tracker too. Creating an issue now and marking it as a feature request.
Landry Norris
08/19/2022, 7:52 PMc
Chris Sinco [G]
08/19/2022, 9:02 PMThanks!
4 Views