Fix Scrollable drop shadow visibility

Author: bendera

dev/vscode-multi-select/long-text.html

@@ -35,7 +35,10 @@
           <vscode-option>Lorem</vscode-option>
           <vscode-option>Ipsum</vscode-option>
           <vscode-option>Dolor</vscode-option>
-          <vscode-option>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</vscode-option>
+          <vscode-option
+            >Lorem ipsum dolor sit amet, consectetur adipiscing
+            elit.</vscode-option
+          >
         </vscode-multi-select>
         <button type="button">focus</button>
       </vscode-demo>

dev/vscode-single-select/select-mode/long-text.html

@@ -31,7 +31,10 @@
           <vscode-option>Ipsum</vscode-option>
           <vscode-option>Dolor</vscode-option>
           <vscode-option>Sit</vscode-option>
-          <vscode-option>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</vscode-option>
+          <vscode-option
+            >Lorem ipsum dolor sit amet, consectetur adipiscing
+            elit.</vscode-option
+          >
         </vscode-single-select>
       </vscode-demo>
     </main>

src/vscode-scrollable/vscode-scrollable.ts

@@ -66,7 +66,7 @@ export class VscodeScrollable extends VscElement {
    */
   @property({type: Number, attribute: 'scroll-pos'})
   set scrollPos(val: number) {
-    this._scrollPos = val;
+    this._scrollPos = this._limitScrollPos(val);
     this._updateScrollbar();
     this._updateThumbPosition();
     this.requestUpdate();