Docs > Forms > range: states hover and pressed/dragged incorrect

[isabellechanclou]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

This issue comes from the work done in Issue #1201 "List in all the doc the incompatibility with ODS" in which all Boosted components (variants included) have been inspected in order to identify the ones that do not respect ODS specifications and therefore need an alert message saying "Do not use in ODS".
Doing this work, design bugs were noticed.

Design bug to be corrected:

• docs/5.1/forms/range: states hover and pressed/dragged are not correct (see ODS specifications at https://system.design.orange.com/0c1af118d/p/88ab5b-forms/b/599459/i/48901789). See also Mewen's work on the subject.

⚠️ TO KNOW: With Chrome browser only, it is not possible to change the horizontal bar color to make it orange on a certain part.

Reduced test cases

NA

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Chrome

What version of Boosted are you using?

v5.1