bootstrap-vue icon indicating copy to clipboard operation
bootstrap-vue copied to clipboard

Tooltip/Popover: Changed default value for boundary-padding

Open helenezspeer opened this issue 5 years ago • 2 comments

When we upgraded to the latest version, our popover (positioned bottomleft) displayed lower than before.

I found that the default value for boundary-padding changed from 5 to 50 in a recent refactor. The workaround was to assign a boundary-padding prop to 5.

If this was intentional, I think it should be documented as a breaking change.

I noticed that the default value for bv-tooltip is still 5.

helenezspeer avatar Mar 17 '21 14:03 helenezspeer

I believe this might be a typo, and not intentional. Which is why there's the difference between the directive and the component. So I'll mark it as a bug.

You can configure the boundary-padding back to 5 globally via the config as a workaround for now.

@jackmu95 Any idea?

Hiws avatar Mar 17 '21 14:03 Hiws

Trying to fix this, but not able to repro. I tried:

<div>
  <b-button id="button">
    Test
  </b-button>
  <b-tooltip target="button" placement="bottomleft">
    Hello <strong>World!</strong>
  </b-tooltip>
</div>

and

<div>
  <b-button v-b-tooltip.hover.bottomleft title="test">
    Test
  </b-button>
</div>

and both seem to position correctly. @Hiws, could you help repro, please?

Note: I've tested on latest dev. Has it been fixed since, without being referenced?

andrei-gheorghiu avatar Dec 13 '21 09:12 andrei-gheorghiu