fundamental-ngx icon indicating copy to clipboard operation
fundamental-ngx copied to clipboard

slider and range slider add input as a tooltip

Open droshev opened this issue 5 months ago • 1 comments

Implement editable tooltips in the slider and range slider (use input fields, that give the user the possibility of inputting precise values.

The value of input fields could be changed.
After entering the new value, both handle and input field move together directly at the new position. On hover, on focus and when being edited the input fields change their visual status to active. The input field sits on top-center of the handle and it is inseparable from the handle. They always move together. slider

  • F2: should toggle focus to the handle to the input and back, now it traps in the input field)
  • Tabbing goes to the tooltip when the tooltip is an input
  • Invalid values should trigger value state
  • Focus out when having invalid valud and focus in again => the tooltip has an empty value, should be the last valid one.

droshev avatar Aug 26 '24 23:08 droshev