@brightspace-ui/core 3.81.0 → 3.82.0

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.
@@ -16,7 +16,7 @@
16
16
  import './filter-load-more-demo.js';
17
17
  </script>
18
18
  <script>
19
- window.D2L = { LP: { Web: { UI: { Flags: { Flag: () => true } } } } };
19
+ window.D2L = { LP: { Web: { UI: { Flags: { Flag: () => true } } } } }; // TODO: remove with GAUD-131-dropdown-fixed-positioning flag clean up
20
20
  </script>
21
21
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1.0">
22
22
  <meta charset="UTF-8">
@@ -8,6 +8,9 @@
8
8
  import '../../demo/demo-page.js';
9
9
  import './table-test.js';
10
10
  </script>
11
+ <script>
12
+ window.D2L = { LP: { Web: { UI: { Flags: { Flag: () => true } } } } }; // TODO: remove with GAUD-131-dropdown-fixed-positioning flag clean up
13
+ </script>
11
14
  </head>
12
15
  <body unresolved>
13
16
 
@@ -184,9 +184,9 @@ export class TableColSortButton extends LocalizeCoreElement(FocusMixin(LitElemen
184
184
  <slot></slot>${iconView}
185
185
  </button><span id="${this._describedById}" hidden>${buttonDescription}</span>${sortedView}`;
186
186
  if (this._hasDropdownItems) {
187
- return html`<d2l-dropdown>
187
+ return html`<d2l-dropdown prefer-fixed-positioning>
188
188
  ${button}
189
- <d2l-dropdown-menu no-pointer align="start" vertical-offset="0">
189
+ <d2l-dropdown-menu no-pointer align="start" vertical-offset="0" prefer-fixed-positioning>
190
190
  <d2l-menu @d2l-table-col-sort-button-item-change="${this._handleTablColSortButtonItemChange}">
191
191
  <slot name="items" @slotchange="${this._handleSlotChange}"></slot>
192
192
  </d2l-menu>
@@ -29,12 +29,13 @@ const contentBorderSize = 1;
29
29
  const contentHorizontalPadding = 15;
30
30
  const outlineSize = 1;
31
31
 
32
- /* once a user shows a tooltip, ignore delay if they hover adjacent target within this timeout */
32
+ /* once a user closes a tooltip, ignore delay if they hover adjacent target within this timeout */
33
33
  let delayTimeoutId;
34
34
  const resetDelayTimeout = () => {
35
35
  if (delayTimeoutId) clearTimeout(delayTimeoutId);
36
36
  delayTimeoutId = setTimeout(() => delayTimeoutId = null, 1000);
37
37
  };
38
+ /* ignore delay if user hovers adjacent target when a tooltip is already open */
38
39
  const getDelay = delay => {
39
40
  if (delayTimeoutId) return 0;
40
41
  else return delay;
@@ -847,7 +848,6 @@ class Tooltip extends RtlMixin(LitElement) {
847
848
  if (!this._truncating) return;
848
849
  }
849
850
 
850
- resetDelayTimeout();
851
851
  this._isHovering = true;
852
852
  this._updateShowing();
853
853
  }, getDelay(this.delay));
@@ -925,6 +925,7 @@ class Tooltip extends RtlMixin(LitElement) {
925
925
  this._dismissibleId = null;
926
926
  }
927
927
  if (dispatch) {
928
+ resetDelayTimeout();
928
929
  this.dispatchEvent(new CustomEvent(
929
930
  'd2l-tooltip-hide', { bubbles: true, composed: true }
930
931
  ));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "3.81.0",
3
+ "version": "3.82.0",
4
4
  "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
5
5
  "type": "module",
6
6
  "repository": "https://github.com/BrightspaceUI/core.git",