fix firefox dragging issue

vaadin · Oct 3, 2024 · d14720b · d14720b
1 parent d582de3
commit d14720b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/packages/dashboard/src/vaadin-dashboard-section.js b/packages/dashboard/src/vaadin-dashboard-section.js
@@ -204,7 +204,9 @@ class DashboardSection extends DashboardItemMixin(
  /** @protected */
  ready() {
  super.ready();
- this.role ??= 'section';
+ if (!this.role) {
+ this.role = 'section';
+ }
  }
 }
 

diff --git a/packages/dashboard/src/vaadin-dashboard-widget.js b/packages/dashboard/src/vaadin-dashboard-widget.js
@@ -254,7 +254,9 @@ class DashboardWidget extends DashboardItemMixin(
  /** @protected */
  ready() {
  super.ready();
- this.role ??= 'article';
+ if (!this.role) {
+ this.role = 'article';
+ }
  }
 
  /** @private */

diff --git a/packages/dashboard/theme/lumo/vaadin-dashboard-widget-styles.js b/packages/dashboard/theme/lumo/vaadin-dashboard-widget-styles.js
@@ -27,14 +27,17 @@ const dashboardWidgetAndSection = css`
  outline: none;
  }
 
- :host([focused])::before {
+ :host::before {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  border-radius: var(--lumo-border-radius-l);
  pointer-events: none;
  margin: calc(var(--_focus-ring-spacing-offset) * -1);
+ }
+
+ :host([focused])::before {
  outline: var(--_focus-ring-width) solid var(--_focus-ring-color);
  }