Контрольная точка привязки местоположения для SelectField

Question

Кто-нибудь знает, как управлять расположением popover SelectField?

Я знаю, что selectfield содержит выпадающее меню в нем и не содержит popover, но подумал, что, возможно, это можно каким-то образом контролировать.

Answer 1

Я действительно столкнулся с той же проблемой.

Я не думаю, что это возможно, по крайней мере, это не часть настраиваемых свойств. Я посмотрел на источник SelectField и, видимо, хотя SelectField использует DropDownMenu внизу, а DropDown использует PopOver внизу, но конфигурация anchorOrigin жестко запрограммирована.

https://github.com/callemall/material-ui/blob/master/src/DropDownMenu/DropDownMenu.js#L9

const anchorOrigin = { 
    vertical: 'top', 
    horizontal: 'left', 
}; 

Answer 2

Вы можете более ездить реквизит ниспадающего меню, путем использования пропеллера dropDownMenuProps в вашем SelectField компонента.

Answer 3

Можно действительно:

<SelectField dropDownMenuProps={{anchorOrigin:{vertical:"center",horizontal:"left"}}}> 
    <MenuItem value={1} primaryText="one" /> 
    <MenuItem value={2} primaryText="two" /> 
    <MenuItem value={3} primaryText="three" /> 
</SelectField> 

Если вам нужно точно настроить позиционирование вашего «пирог» (который на самом деле является «выпадающее меню»), я думаю, вы можете попробовать, переопределяя один из различные (стиль?) реквизита этого меню: http://www.material-ui.com/#/components/dropdown-menu («Свойства» часть)

Другим способом было бы использовать вместо поповер ...

Кроме того, новая бета-версии 1.0 только что его выбрать компонент, выпущенный; это может дать вам лучший контроль: https://material-ui-1dab0.firebaseapp.com/demos/selects/