@ w3ndaドキュメントに従う:
<Menu
anchorOrigin={{
vertical: "bottom",
horizontal: "left"
}}
transformOrigin={{
vertical: "top",
horizontal: "left"
}}
getContentAnchorEl={null}
https://codesandbox.io/s/9l17k3qnk4
お役に立てば幸いです。
ああ、それはSelectの場合です。さらに一歩進んでみましょう:
<Select
MenuProps={{
anchorOrigin: {
vertical: "bottom",
horizontal: "left"
},
transformOrigin: {
vertical: "top",
horizontal: "left"
},
getContentAnchorEl: null
}}
>
キング!
メニューの下に十分なスペースがある場合は完全にレンダリングされますが、画面にスペースがない場合はメニューが押し上げられることがわかりました。 本当ですか? または壊れた行動?
メニューの下に十分なスペースがある場合は完全にレンダリングされますが、画面にスペースがない場合はメニューが押し上げられることがわかりました。
@wenduzerこれは予想される動作のように聞こえます。
ああ、それはSelectの場合です。さらに一歩進んでみましょう:
@oliviertassinariありがとう、これはまさに私が過去2時間探していたものです。
@ Shrikant9どうすれば答えの発見可能性を向上させることができますか?
どうすれば答えの発見可能性を向上させることができますか?
@oliviertassinari私の意見では、 <Select />
コンポーネントのデモページに、より多様なバージョンのデモがあります。 正直なところ、私は最近material-uiを使い始めたので、まだドキュメントに慣れる必要があります。
@ Shrikant9プルリクエストを喜んで受け入れます👍。
@oliviertassinari私の友人に感謝します、あなたは私をとてもとても助けてくれました。 マテリアルUIは十分に知っていますが、この決定には至りませんでした
#18493でデフォルトの位置を変更する可能性があります。
デフォルトにするそれはとても良いでしょう
最も参考になるコメント
ああ、それはSelectの場合です。さらに一歩進んでみましょう:
https://codesandbox.io/s/18l2042y97