マテリアライズでオプションオーバーレイの問題を選択

Question

私のウェブサイトにマテリアライズを使用しています。私が使用している選択オプションはメインディビジョンに隠れています。私は相対的なポジションを与えてみましたが、動いていません。

誰でも選択オプションを上に表示する方法を教えてください。

以下は、現在、選択オプションがどのように表示されているかのスクリーンショットです。

Answer 1

メインのdivがそれにoverflow: hiddenを持っているので、これが起こっているので、その境界を越えて延びている選択メニューの一部を隠しています。

解決策は、overflow: hiddenを除去することです。

場合によっては、デザインにオーバーフロー設定が必要で、変更すると他のものが壊れることがあります。これは残念なことですが、Materializeの選択にこれを使用させる良い方法がないことはわかっています。私のアプリでは、オプションのリストがドキュメント本体に追加されるようにselectを変更しました。これは、他のコンテンツよりも常に上にあることを意味します。これは、たとえば、Angular Material選択が実装されている方法です。