p-dropdown css 表現不同

Question

我的 primefaces 下拉菜單在 chrome 上正確顯示（第二張截圖），但在 firefox（第一張截圖）上顯示不正確：

這是我的代碼片段：

        <div class="row">
            <div class="col-xs-12 col-md-4 form-group">
                <label>xx</label>
                <p-dropdown placeholder="xxx"
                 (...)
                </p-dropdown>
            </div>
            <div class="col-xs-12 col-md-4 form-group">
                <label>xxx</label>
                <p-dropdown placeholder="xxx">
                (...)
                </p-dropdown>
            </div>
       </div>

編輯：

呈現的 HTML 是https://pastebin.com/i0XTbWEq

Answer 1

問題是由 primeng css 引起的，我不得不覆蓋width: -webkit-fill-available; width: 100%; . 解決了這個問題。