courthive-components 6.8.0 → 6.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The modal body is the dialog's one scrolling region (`.chc-modal-body { overflow-y: auto }`), and a
|
|
3
|
+
* scrolling element clips everything absolutely positioned inside it. The datepicker's calendar and a
|
|
4
|
+
* type-ahead's suggestion list are both absolutely positioned popups mounted next to their input, so
|
|
5
|
+
* inside a modal they were cut off at the body's edge and drawn UNDER the footer: the calendar on
|
|
6
|
+
* tournament dates, the suggestions on "Select provider".
|
|
7
|
+
*
|
|
8
|
+
* `draw.css` makes both popups `position: fixed` inside a modal body. A fixed element escapes the
|
|
9
|
+
* clipping (nothing above it has a transform, filter or containment), but it is positioned against the
|
|
10
|
+
* viewport, so this module supplies the coordinates the library does not:
|
|
11
|
+
*
|
|
12
|
+
* - The datepicker places itself from `getBoundingClientRect()` and, with no offset parent, adds the
|
|
13
|
+
* window's scroll, which is 0 because an open modal freezes the page. Its own coordinates are already
|
|
14
|
+
* viewport coordinates, so it needs help only when the body scrolls under it.
|
|
15
|
+
* - Awesomplete does not position its list at all; CSS hangs it below the input. Fixed, it needs a top,
|
|
16
|
+
* a left and a width, set here when the list opens and again whenever the body scrolls.
|
|
17
|
+
*/
|
|
18
|
+
export declare function anchorModalPopups(body: HTMLElement): void;
|