ポップアップのように表示したい

Question

前提・実現したいこと

javascript、cssについての質問です。
現在jquery.sumoselectを使用してプルダウンを表示するコードを実装しています。
最終的に行いたいことはこのプルダウンをポップアップの様に表示したいです。

具体的に困っていることとは以下になります。
①ウィンドウ幅は関係なくはみ出して表示したい
⇒同じエリアに表示している通常のプルダウンははみ出して表示出来ている
②表示内容が画面右端をはみ出す場合は、プルダウンの右端を画面右端に合わせて表示したい。
（下も同様に）

該当のソースコード

<script> $(document).ready(function () { $('.SlectBox').SumoSelect(); }); </script> <select multiple="multiple" placeholder="Hello im from placeholder" class="SlectBox"> <option selected value="hoge">hoge</option> <option value="piyo">piyo</option> <option value="fuga">fuga</option> </select> <select placeholder="Hello im from placeholder" class="SlectBoxAA"> <option selected value="hoge">hoge</option> <option value="piyo">piyo</option> <option value="fuga">fuga</option> </select> ### 試したこと

cssのposition、overfllowなどをいじってみましたがうまくいきませんでした。

Answer 1

javascriptで位置を計算して出力するようにしました。