Estou utilizando o Slider do jQuery UI, e estou querendo que o handle responsável por movimentar o slider, fique dentro dos limites do slider. Atualmente ele está assim:
Limite 0%:
Limite 100%:
Eu quero que ele fique dentro do limite do slider, dessa forma:
Limite 0%:
Limite 100%:
Como resolver esse problema? Segue o código no jsfiddle:
https://jsfiddle.net/a5erpzqp/2/
Observações importantes:
- Mover o handle deve ser fluido tal como funciona normalmente;
- O Slider utilizado usa a propriedade
range
conforme visto no jsfiddle - A solução não pode apresentar anomalias visuais
- O jsfiddle apresenta uma amostra onde o handle ultrapassa os limites do Slider