Skip to content

Commit 1d9953d

Browse files
authored
feat: expose global recomputeAllPoppers helper (#1010)
1 parent 004841e commit 1d9953d

File tree

3 files changed

+15
-3
lines changed

3 files changed

+15
-3
lines changed

docs/api/index.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,18 @@ import { hideAllPoppers } from 'floating-vue'
1616
hideAllPoppers()
1717
```
1818

19+
### `recomputeAllPoppers`
20+
21+
Recompute the position of all shown poppers.
22+
23+
```js
24+
import { recomputeAllPoppers } from 'floating-vue'
25+
26+
recomputeAllPoppers()
27+
```
28+
29+
This function is automatically called when the window is resized.
30+
1931
### `createTooltip`
2032

2133
`createTooltip(el, valueOrOptions, directiveModifiers)` creates a tooltip on a given element.

packages/floating-vue/src/components/Popper.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1056,7 +1056,7 @@ if (typeof document !== 'undefined' && typeof window !== 'undefined') {
10561056
} else {
10571057
window.addEventListener('mousedown', handleGlobalClose, true)
10581058
}
1059-
window.addEventListener('resize', computePositionAllShownPoppers)
1059+
window.addEventListener('resize', recomputeAllPoppers)
10601060
}
10611061

10621062
function handleGlobalClose (event: PopperEvent, touch = false) {
@@ -1117,7 +1117,7 @@ function getAutoHideResult (popper: PopperInstance, event: Event) {
11171117
return popper.autoHide
11181118
}
11191119

1120-
function computePositionAllShownPoppers () {
1120+
export function recomputeAllPoppers () {
11211121
for (let i = 0; i < shownPoppers.length; i++) {
11221122
const popper = shownPoppers[i]
11231123
popper.$_computePosition()

packages/floating-vue/src/index.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ export const ThemeClass = PrivateThemeClass
3636
export const Tooltip = PrivateTooltip
3737
export const TooltipDirective = PrivateTooltipDirective
3838
// Utils
39-
export { hideAllPoppers } from './components/Popper'
39+
export { hideAllPoppers, recomputeAllPoppers } from './components/Popper'
4040
export * from './util/events'
4141
export { placements } from './util/popper'
4242
export type { Placement } from './util/popper'

0 commit comments

Comments
 (0)