Skip to content

[DropDownMenu] Doesn't support "popoverProps" like AutoComplete #7773

@kendallroth

Description

@kendallroth

Problem description

The DropDownMenu component exposes the property popoverProps, which enables styling the Popover component created as part of the AutoComplete component. However, the SelectField (similar component) does expose this property and I was wondering why the DropDownMenu (or SelectField) do not.

The reasoning behind this is that it is impossible to style the Popover if wanted. The image below is from a modified AutoComplete component, where the popoverProps contains a transparent background and a top margin (for spacing). However, this is impossible to do for SelectFields, even if they should appear the same.

image

In my opinion, popoverProps should either be exposed as part of DropDownMenu props (unlikely) or as a property of SelectField (similar to AutoComplete). Let me know if there was a reason this was done though! Thanks!

Steps to reproduce

  1. Create an AutoComplete component
  2. Assign some popoverProps to it (ie. changing the background color)
  3. Create a SelectField component
  4. You cannot override the Popover styles

Versions

  • Material-UI: 0.18.7
  • React: 15.6.1
  • Browser: 59.0.3071.115 (Official Build) (64-bit)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions