Skip to content

Commit e174432

Browse files
[UIK-4341][feature-highlight] removed animation artifacts during switching between highlighted items (#2560)
<!--- Provide a general summary of your changes in the Title above --> ## Motivation and Context Switching between highlighted Pills items left animation artifacts. ## How has this been tested? Manually ## Screenshots (if appropriate): ## Types of changes <!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --> - [ ] Bug fix (non-breaking change which fixes an issue). - [ ] New feature (non-breaking change which adds functionality). - [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected). - [x] Nice improve. ## Checklist: <!--- Go over all the following points, and put an `x` in all the boxes that apply. --> <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --> - [ ] I have updated the documentation accordingly. - [x] I have added changelog note to corresponding `CHANGELOG.md` file with planned publish date. - [ ] I have added new tests on added of fixed functionality.
1 parent 513721c commit e174432

File tree

4 files changed

+8
-0
lines changed

4 files changed

+8
-0
lines changed

semcore/feature-highlight/CHANGELOG.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,12 @@
22

33
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
44

5+
## [16.2.2] - 2025-11-07
6+
7+
### Fixed
8+
9+
- Switching between highlighted Pills items left animation artifacts.
10+
511
## [16.2.1] - 2025-10-17
612

713
### Сhanged
Loading
Loading

semcore/feature-highlight/src/components/pills/pills.shadow.css

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,8 @@ SHighlightedPill {
2424
opacity: 0;
2525
transform: scale(0.96);
2626

27+
will-change: opacity, transform;
28+
2729
transition:
2830
opacity calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out,
2931
transform calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out;

0 commit comments

Comments
 (0)