bootstrap Popovers/tooltips not showing up on radio input on iOS and MacOS

cedebl8k 于 6个月前发布在 Bootstrap

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

先决条件

我有一个用于重复或已关闭问题的 searched
我有一个避免常见问题的任何HTML validated
我阅读了 contributing guidelines

描述问题

受影响的浏览器：移动Safari/Chrome/Mozilla在iOS,MacOS上的Safari
弹出窗口的代码如下：

<div class="mb-3">
  <label class="form-label">Choose English dialect (popover on radio input)</label>
  <div class="form-check">
    <input type="radio" class="form-check-input" name="dialect1z" id="dialect1z__1" value="us"  data-bs-html="true" data-bs-toggle="popover" data-bs-title="American English" data-bs-content="100,000 words" data-bs-placement="bottom" data-bs-trigger="focus" tabindex="0" required>
    <label class="form-check-label" for="dialect1z__1">American English</label>
  </div>
  <div class="form-check">
    <input type="radio" class="form-check-input" name="dialect1z" id="dialect1z__2" value="uk"  data-bs-html="true" data-bs-toggle="popover" data-bs-title="British English" data-bs-content="250,000 words" data-bs-placement="bottom" data-bs-trigger="focus" tabindex="0" required checked>
    <label class="form-check-label" for="dialect1z__2">British English</label>
  </div>
</div>

在Windows上，如果我点击标签或使用键盘，弹出窗口会在“更改”时显示。
然而，在受影响的浏览器中，弹出窗口没有被创建。
工具提示的代码如下：

<div class="mb-3">
  <label class="form-label">Choose English dialect (tooltip on radio input)</label>
  <div class="form-check">
    <input type="radio" class="form-check-input" name="dialect1y" id="dialect1y__1" value="us"  data-bs-html="true" data-bs-toggle="tooltip" data-bs-title="100,000 words" data-bs-placement="bottom" required>
    <label class="form-check-label" for="dialect1y__1">American English</label>
  </div>
  <div class="form-check">
    <input type="radio" class="form-check-input" name="dialect1y" id="dialect1y__2" value="uk"  data-bs-html="true" data-bs-toggle="tooltip" data-bs-title="150,000 words" data-bs-placement="bottom" required checked>
    <label class="form-check-label" for="dialect1y__2">British English</label>
  </div>
</div>

工具提示的情况非常相似。它们只在我恰好点击单选按钮本身时出现，而不是在标签上。