css - 如何让 Primefaces 子菜单在左侧打开？

Question

我有一个p:tieredMenu在 which 下是一个p:subMenu加载了p:menuItem. 我在页面的右上角有分层菜单，所以当子菜单打开时，它会在右侧打开并移出页面。

请让我知道是否有任何方法可以使子菜单出现在左侧。

我看了一个类似的问题How to make twitter bootstrap submenu to open on the left？，但不知道如何针对 Primefaces/JSF 实现它。

Answer 1

此属性将使菜单块出现在左侧。但这会导致所有菜单都在左侧。

.ui-menu-child {
   left: -200px !important;
}

你需要玩一点才能得到你需要的东西。

Answer 2

PrimeNG 11

#yourMenuId .p-submenu-list {
  right: 100%;
  left: unset;
}