Я пытаюсь реализовать некоторые всплывающие окна в нашем приложении (используя Angular 6.0.1, Ngx-bootstrap 2.0.5 и Bootstrap 4.1.1 ), и проблема в том, что при использовании 'auto' позиционирование, некоторые всплывающие окна в правой части экрана не работают должным образом. И левый, и центральный элементы работают как положено, помещая поповер на верхнее или правое положение, но правая сторона все еще устанавливает его на «верх» и пытается изменить размер области поповера.
Так как большая часть нашего контента является динамичной, у меня нет способа определить, когда это произойдет, и исправить это, например, вручную установив его в "left".
Было бы неплохо, если бы в этом случае содержимое могло быть слева от кнопки. Любая другая помощь или совет тоже были бы хороши.
Я не могу настроить работу stackBlitz и показать эту ошибку, но мы генерируем всплывающее окно со следующим кодом:
<button popoverTitle="Info" popover="auto auto auto auto auto auto" placement="auto" container="body" triggers="hover tap"> Right </button>
Левая кнопка работает как положено, устанавливая содержимое справа:
Центральная кнопка также работает как положено, устанавливая содержимое сверху:
Но правая кнопка устанавливает его сверху и пытается изменить его размер (контент несколько раз меняет свой размер, прежде чем остановиться):
