fix(edit-content) fix scroll jump in selected categories sidebar (#29366

) ### Proposed Changes * fix scroll jump in selected categories sidebar ### Checklist - [ ] Tests - [ ] Translations - [ ] Security Implications Contemplated (add notes if applicable) ### Additional Info ** any additional useful context or info ** ### Screenshots https://github.com/user-attachments/assets/fb2b3cee-7403-4363-ac88-577cfbc818f1
dotCMS · Jul 26, 2024 · e452f3d · e452f3d
1 parent 6dfe744
commit e452f3d
Show file tree

Hide file tree

Showing 3 changed files with 206 additions and 206 deletions.
diff --git a/.gitignore b/.gitignore
@@ -167,3 +167,5 @@ dotCMS/settings.gradle
 dotCMS/dependencies.gradle
 
 !/examples/nextjs/.npmrc
+
+.nx/
diff --git a/...ory-field/components/dot-category-field-sidebar/dot-category-field-sidebar.component.scss b/...ory-field/components/dot-category-field-sidebar/dot-category-field-sidebar.component.scss
@@ -1,5 +1,7 @@
 @use "variables" as *;
 
+$default-scroll-width: 17px;
+
 .category-field__header {
     align-items: center;
     flex-wrap: wrap;
@@ -41,6 +43,7 @@
     flex: 0 0 25%;
     gap: $spacing-1;
     padding: $spacing-3;
+    padding-right: calc($spacing-3 - $default-scroll-width);
 }
 
 .category-field__categories,
@@ -53,6 +56,7 @@
 
 .category-field__selected-categories-list {
     overflow-y: auto;
+    scrollbar-gutter: stable;
 }
 
 :host ::ng-deep .p-sidebar-content {
Original file line number	Diff line number	Diff line change
Expand Up		@@ -167,3 +167,5 @@ dotCMS/settings.gradle
		dotCMS/dependencies.gradle

		!/examples/nextjs/.npmrc

		.nx/