diff --git a/CHANGELOG.md b/CHANGELOG.md index 201ea7029..6a786fd7b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [Unreleased] +### Fixed + +- `Popover` & `Tooltip`: fix popper warning on margin style applied by class `.visually-hidden`. +- `Thumbnail`: fix console warning on img overflow style. + ## [3.15.0][] - 2025-07-02 ### Fixed diff --git a/packages/lumx-core/src/scss/components/thumbnail/_index.scss b/packages/lumx-core/src/scss/components/thumbnail/_index.scss index 283ace924..59e535635 100644 --- a/packages/lumx-core/src/scss/components/thumbnail/_index.scss +++ b/packages/lumx-core/src/scss/components/thumbnail/_index.scss @@ -116,7 +116,7 @@ // When using object-fit:cover + ratio 1/1, Chrome switches to pixelated downsizing algo // https://stackoverflow.com/a/77059936 // The following prevent this so the image is correctly downsized using blurring effect - overflow-clip-margin: unset; + translate: 0 0 0.01px; @supports not (aspect-ratio: 1 / 1) { position: absolute; diff --git a/packages/lumx-core/src/scss/core/base/_helpers.scss b/packages/lumx-core/src/scss/core/base/_helpers.scss index 0cad73d1b..4658cbaec 100644 --- a/packages/lumx-core/src/scss/core/base/_helpers.scss +++ b/packages/lumx-core/src/scss/core/base/_helpers.scss @@ -33,3 +33,8 @@ clip: rect(0 0 0 0) !important; border: 0 !important; } + +/** Need to remove the margin style on popper elements or else we get warnings in the console */ +.lumx-popover.visually-hidden, .lumx-tooltip.visually-hidden { + margin: revert !important; +}