FLUID-5965: Native HTML 5 sliders look terrible when zoomed on Chrome

Metadata

Source
FLUID-5965
Type
Bug
Priority
Major
Status
Closed
Resolution
Cannot Reproduce
Assignee
N/A
Reporter
Antranig Basman
Created
2016-09-21T13:08:30.791-0400
Updated
2017-01-26T09:00:35.778-0500
Versions
  1. 2.0
Fixed Versions
  1. 2.0
Component
  1. Prefs Framework
  2. Textfield Slider

Description

The native HTML 5 sliders, which we used to replace the jQuery UI sliders, render very poorly on Chrome when zoomed. It appears that they have a little thumb mark holding 3 horizontal lines which sometimes disappears completely, or sometimes renders the lines unequally. See attached screenshot which is at 125% in Chrome. This also displays FLUID-5964 as well as vertical misalignment between the sliders and the textfields which are associated with them.

Environments

Chrome 53.0.2785.116 m (64-bit) on Windows 7 64-bit

Attachments

Comments

  • Justin Obara commented 2016-11-14T12:36:03.396-0500

    @@Antranig Basman could you please confirm if this is still an issue. There were some substantial styling changes in FLUID-6017

  • Justin Obara commented 2017-01-26T09:00:35.758-0500

    There were changes to the native html5 sliders in the lead up to the Infusion 2.0 release. It is likely that those styling changes may have fixed this issue.