search

IGreatlyDislikeJavascript / bootstrap-tourist

Quick and easy way to build your product tours with Bootstrap Popovers for Bootstrap 3 and 4. Based on Bootstrap-Tour, but with many fixes and features added.
62 stars 36 forks source link

Misplaced tour if target element has overflow:auto CSS #50

Open mlocati opened 4 years ago

mlocati commented 4 years ago

Consider this sample:

<div id="panel">
    <div id="target">
      target
  </div>
</div>

where #panel has position: absolute and overflow: auto; CSS styles. In this case, tours associated to #target are wrongly placed.

See for example https://jsfiddle.net/LocatiM/yr5epw9t/8/ (which has a tour with placement: 'right'):

immagine

If #panel doesn't have overflow: auto, the result is (correctly) this:

immagine

IGreatlyDislikeJavascript commented 4 years ago

Thank you for the report. Appreciate your patience until I can look at this (and the other open issues and pull). Like everyone, coronavirus has caused major disruption for me. Hoping to get back on Tourist code in the next few weeks. Thanks, and stay safe.

mlocati commented 4 years ago

Thanks to you! I fully understand: I'm living in Northern Italy, and in the last 30 days I went out only 3 times... Stay safe.