Bootstrap - Vue Подсказки, когда ваша цель центрирована на странице - PullRequest
Новая
       12

Bootstrap - Vue Подсказки, когда ваша цель центрирована на странице

0 голосов
/ 30 апреля 2020

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

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

Без центрирования кнопки на странице 

<template>
  <b-container>
    <b-row>
      <b-col align-self="center" align="center">
        <b-button id="test" variant="success">Test Tooltip!</b-button>
        <b-tooltip target="test" variant="danger">
          I am a tooltip!
        </b-tooltip>
    </b-row>
  </b-container>
</template>

11

С помощью кнопка по центру страницы 

<template>
  <b-container>
    <b-row class="vh-100">
      <b-col align-self="center" align="center">
        <b-button id="test" variant="success">Test Tooltip!</b-button>
        <b-tooltip target="test" variant="danger">
          I am a tooltip!
        </b-tooltip>
  </b-container>
</template>

12

Обратите внимание, здесь, со второй попытки, когда я пытаюсь выйти из кнопки, как исчезает всплывающая подсказка, сначала это происходит как движение вправо, а затем оно исчезает. Такое поведение отсутствует, когда на странице нет центральной кнопки, это происходит только тогда, когда она находится в центре. Такое поведение происходит чаще, чем показано здесь, я бы сказал, что большую часть времени я выполняю это действие, оно ведет себя так. Пожалуйста, я был бы признателен за любую помощь, которую вы могли бы мне помочь решить эту проблему. Большое спасибо

...