Как расположить недавний поппер на вершине? - PullRequest
Новая
       10

Как расположить недавний поппер на вершине?

1 голос
/ 06 марта 2020

Я только начал изучать поппер. Я пытаюсь использовать его для позиционирования всплывающих окон, с которыми пользователи могут взаимодействовать. Содержимое всплывающего окна может быть простым, как текст, а также большим пользовательским виджетом. Я попробовал всплеск, где у меня есть следующее:

Элемент ссылки 1 - Абсолютная позиция сверху 500px, слева: 200px. Имеет поппер с достаточно большим пользовательским виджетом, чтобы иметь полосу прокрутки

Элемент ссылки 2 - Абсолютная верхняя позиция 500px, слева: 500px. Имеет поппер с простым текстом и кнопку.

Примечание: Элемент ссылки 2 появляется первым в html.

Проблема: поппер ref elem 2 всегда появляется под поппером ref elem 1. Я хотел бы поднять поппер, с которым в данный момент взаимодействует пользователь.

Вопросы: есть ли API, который будет обрабатывать этот запрос позиционирования? Если мне нужно управлять позиционированием, какой метод жизненного цикла или API я должен использовать? Поможет ли только управление z-index? Спасибо!

Я попытался предоставить z-индексы в пользовательском модификаторе, но я не думаю, что это правильный путь, так как это просто добавление свойства и ничего не вычисляется относительно контекста стека. 

const topLogger = {
  name: 'topLogger',
  enabled: true,
  phase: 'main',
  fn ({ state }) {
    state.styles.zIndex = 100;
  }
};

На картинке мы видим более простой поппер, прячущийся за большим. Когда я нажимаю на более простой, я хотел бы поднять его на вершину.

...