Skip to content

[DPEDE-6449] Replace deprecated Popper.js with Floating UI#1972

Open
mattnickles wants to merge 10 commits intoCenturyLink:masterfrom
mattnickles:DPEDE-6449-Replace-deprecated-Popper-with-Floating-UI-in-chi-custom-elements
Open

[DPEDE-6449] Replace deprecated Popper.js with Floating UI#1972
mattnickles wants to merge 10 commits intoCenturyLink:masterfrom
mattnickles:DPEDE-6449-Replace-deprecated-Popper-with-Floating-UI-in-chi-custom-elements

Conversation

@mattnickles
Copy link
Copy Markdown
Contributor

@mattnickles mattnickles requested a review from a team as a code owner March 2, 2026 07:40
@lumen-jenkins-prod
Copy link
Copy Markdown

The CI pipeline did not run successfully in https://jenkinsprod.corp.intranet:8443/job/UX-CHI/job/Productive/job/Chi/job/PR-1972/1/. ❌

@lumen-jenkins-prod
Copy link
Copy Markdown

The CI pipeline did not run successfully in https://jenkinsprod.corp.intranet:8443/job/UX-CHI/job/Productive/job/Chi/job/PR-1972/2/. ❌

@lumen-jenkins-prod
Copy link
Copy Markdown

The CI pipeline did not run successfully in https://jenkinsprod.corp.intranet:8443/job/UX-CHI/job/Productive/job/Chi/job/PR-1972/3/. ❌

@lumen-jenkins-prod
Copy link
Copy Markdown

The CI pipeline did not run successfully in https://jenkinsprod.corp.intranet:8443/job/UX-CHI/job/Productive/job/Chi/job/PR-1972/4/. ❌

@lumen-jenkins-prod
Copy link
Copy Markdown

The CI pipeline did not run successfully in https://jenkinsprod.corp.intranet:8443/job/UX-CHI/job/Productive/job/Chi/job/PR-1972/5/. ❌

@mattnickles mattnickles force-pushed the DPEDE-6449-Replace-deprecated-Popper-with-Floating-UI-in-chi-custom-elements branch from 72d226f to 05a7dcf Compare March 4, 2026 19:03
@lumen-jenkins-prod
Copy link
Copy Markdown

The CI pipeline did not run successfully in https://jenkinsprod.corp.intranet:8443/job/UX-CHI/job/Productive/job/Chi/job/PR-1972/6/. ❌

@lumen-jenkins-prod
Copy link
Copy Markdown

The CI pipeline did not run successfully in https://jenkinsprod.corp.intranet:8443/job/UX-CHI/job/Productive/job/Chi/job/PR-1972/7/. ❌

@lumen-jenkins-prod
Copy link
Copy Markdown

The CI pipeline did not run successfully in https://jenkinsprod.corp.intranet:8443/job/UX-CHI/job/Productive/job/Chi/job/PR-1972/8/. ❌

@lumen-jenkins-prod
Copy link
Copy Markdown

The CI pipeline did not run successfully in https://jenkinsprod.corp.intranet:8443/job/UX-CHI/job/Productive/job/Chi/job/PR-1972/9/. ❌

- Add src/chi/javascript/core/floating.js — shared createFloating() factory that wraps Floating UI's computePosition / autoUpdate with flip, shift, and optional hide-when-detached middleware
- Add src/chi/javascript/core/portal.js — portalElement() helper that moves an element to a #chi-portal-root container and returns a handle to restore it, replacing manual parent/sibling tracking
- Add src/chi/components/portal/portal.scss and $zindex-portal-root: 9999 variable; expose as --chi-zindex-portal-root CSS custom property across all six themes
- Refactor dropdown.js to use createFloating + portalElement, removing the inline computePosition object and eliminating _portalOriginalParent/_portalOriginalNextSibling state in favor of _portalHandle; skip hide-when-detached middleware when portaled to prevent mid-scroll collapse
- Refactor popover.js and tooltip.js similarly to delegate to createFloating
- Extend popover.scss arrow-direction rules to also match Popper [x-placement^='…'] attribute selectors to eliminate a low risk breaking change
@lumen-jenkins-prod
Copy link
Copy Markdown

The CI pipeline did not run successfully in https://jenkinsprod.corp.intranet:8443/job/UX-CHI/job/Productive/job/Chi/job/PR-1972/10/. ❌

@lumen-jenkins-prod
Copy link
Copy Markdown

The CI pipeline did not run successfully in https://jenkinsprod.corp.intranet:8443/job/UX-CHI/job/Productive/job/Chi/job/PR-1972/12/. ❌

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant