css 当我打开控制台时多选菜单移动

db2dz4w8 于 2022-12-20 发布在其他

关注(0)|答案(2)|浏览(152)

我有一个来自primeNg的p-multiselect组件，在div中，最初菜单在展开时被 accordion 剪切。我们在元素中使用appendTo=“body”解决了这个问题。现在值正确显示，问题是当我打开控制台或使用移动的设备打开Web应用时，组件中的菜单向右/左移动。但是如果我删除appendTo这个问题就消失了。我们尝试用z-index属性代替appendTo，但是没有用。我该怎么解决这个问题呢？我们使用的是Angular 8. x1c 0d1x

编辑：第一张图片是当控制台关闭时，第二张是当控制台打开时（如果你读到上面我写了完全相反的情况，这是因为一开始我们试图解决这个对齐左边距的问题，在这些图片中我们没有对齐边距）。下面我添加了我们使用的html代码。

css

来源：https://stackoverflow.com/questions/74300937/multiselect-menu-moves-when-i-open-the-console

2条答案

按热度按时间

brjng4g31#

试试这个，我也在p-dropdown上通过Angular10遇到这个问题;
当您检查到html.left时，面板的位置是由屏幕大小调整引起的位偏移。

解决方案

1.style.scss-是必须的，或者如果将此类粘贴到其他.scss文件上，则需要::ng-deep

.force-left {
  left: 0 !important;
}

1..组件.ts

<p-multiselect
...
  panelStyleClass="force-left"
...
></p-dropdown>

赞(0）回复(0）举报 2022-12-20

wydwbb8l2#

我们找到了解决方案，一周后我发布了这个问题。我们解决了这个问题，定义了一个div内的属性（最外面的），在多选中，我们使用appendTo和我们在外部div中定义的属性。这样就解决了这个问题。

赞(0）回复(0）举报 2022-12-20

我来回答

css 当我打开控制台时多选菜单移动

2条答案

相关问题

热门标签

最新问答