Skip to content

[popover] Update to use native popover for the overlay element #9713

@web-padawan

Description

@web-padawan

Motivation

The vaadin-popover should set popover="manual" on the vaadin-popover-overlay.

Proposed solution

  1. Keep vaadin-popover-overlay in shadow DOM and use exportparts for ::part() styling
  2. Add slotted <div slot="overlay"> to be used as a renderer function / directive content root
  3. Remove copying of the offset custom CSS properties (once the vaadin-tooltip is updated)
  4. Remove / adjust _onGlobalTab logic for moving focus to the popover content on target Tab

Note

We can also add support for light DOM content in vaadin-popover instead of renderer e.g. like this:

<vaadin-popover>
  <div slot="overlay">
     Popover content
  </div>
</vaadin-popover>`

But I'm not sure if we should do it immediately, in theory it can be a future improvement for V25 minors.

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions