diff --git a/packages/default/scss/scrollview/_layout.scss b/packages/default/scss/scrollview/_layout.scss index 0afd4f8e942..0d02a7567cc 100644 --- a/packages/default/scss/scrollview/_layout.scss +++ b/packages/default/scss/scrollview/_layout.scss @@ -1,7 +1,6 @@ @include exports("scrollview/layout") { - // refactor when https://github.com/telerik/kendo-angular-scrollview/issues/130 is done - kendo-scrollview.k-scrollview-wrap, + kendo-scrollview.k-scrollview, .k-widget.k-scrollview { border-width: $scrollview-border-width; border-style: solid; @@ -47,7 +46,7 @@ } } - kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button, + kendo-scrollview.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button, .k-widget.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link { &:nth-last-of-type(1), @@ -69,9 +68,8 @@ } } - kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager, + kendo-scrollview.k-scrollview kendo-scrollview-pager, .k-scrollview-nav-wrap { - padding: 0; margin: 0; position: absolute; @@ -82,6 +80,16 @@ text-align: center; } + kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager, + kendo-scrollview.k-scrollview kendo-scrollview-pager { + pointer-events: none; + } + + kendo-scrollview.k-scrollview-wrap .k-scrollview-nav, + kendo-scrollview.k-scrollview .k-scrollview-nav { + pointer-events: initial; + } + .k-scrollview-pageable, .k-scrollview-nav { margin: 0; @@ -172,14 +180,14 @@ @supports (-webkit-user-select: none) { - kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *, + kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *, div.k-scrollview ul.k-scrollview-wrap li > * { pointer-events: auto; } } @supports (not (-webkit-user-select: none)) { - kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *, + kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *, div.k-scrollview ul.k-scrollview-wrap li > * { pointer-events: none; } diff --git a/packages/default/scss/scrollview/_theme.scss b/packages/default/scss/scrollview/_theme.scss index 0c513d16cb1..8e20ebff5c6 100644 --- a/packages/default/scss/scrollview/_theme.scss +++ b/packages/default/scss/scrollview/_theme.scss @@ -1,7 +1,6 @@ @include exports("scrollview/theme") { - // refactor when https://github.com/telerik/kendo-angular-scrollview/issues/130 is done - kendo-scrollview.k-scrollview-wrap, + kendo-scrollview.k-scrollview, div.k-scrollview { @extend .k-text-selection !optional; @include fill( diff --git a/tests/visual/scrollview.html b/tests/visual/scrollview.html index 9d530f3eeb3..2f85a7d4084 100644 --- a/tests/visual/scrollview.html +++ b/tests/visual/scrollview.html @@ -274,8 +274,8 @@
Dark mode
- -