search

Wikiki / bulma-slider

Bulma's extension to display sliders
MIT License
48 stars 35 forks source link

Thumb not rendered correctly on Edge #18

Closed aeirola closed 6 years ago

aeirola commented 6 years ago

The top edge of the thumb is hidden. Also, the thumb doesn't seem to be vertically aligned with the track. See screenshots for comparison with chrome:

Edge 41.16299.371.0:

screen shot 2018-04-25 at 8 25 24

Chrome 66.0.3359.117:

screen shot 2018-04-25 at 8 25 35

As a workaround I've added something like this into my styles.

// Fix slider on Edge //
input[type=range].slider {
  height: $size-normal * 1.5;

  &::-ms-thumb {
    margin-top: 1px;
  }
}
Wikiki commented 6 years ago

Can you please check with the large merge including the solution implemented by @ony3000 ?