p-dropdown css 行为不同

Question

我的 primefaces 下拉菜单在 chrome（第 2 个屏幕截图）上正确显示，但在 firefox（第 1 个屏幕截图）上显示不正确：

这是我的代码片段：

        <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: 100%; 覆盖 width: -webkit-fill-available;。解决了这个问题。

p-dropdown css 行为不同

p-dropdown css behaves differently

css

twitter-bootstrap

primeng