Как сделать так чтоб box-shadow скролла не обрезался?

Question

[Dutymy]

Здравствуйте, у меня есть такой скрол для webkit браузеров

overflow-x: hidden;
overflow-y: auto;
    &::-webkit-scrollbar {
      width: 0.5vmin;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      border-radius: $border-radius;
    }
    &::-webkit-scrollbar-thumb {
      background: blue;
      box-shadow: 0px 0px 0.5vmin 0.25vmin rgb(109, 93, 255);
      border-radius: $border-radius;
    }

Но так как скрол в конечных положениях упирается в контейнер с overflow:hidden и свечение некрасиво обрезается - как можно это предотвратить?

Answer 1

[iBird Rose]

обойти это никак. можешь только обыграть, к примеру, задав padding блоку с overflow, чтобы было место для тени