[ADMINCTR-291] Slider fields w/ descriptions cannot be slid to the max value Created: 22/Aug/22  Updated: 11/Oct/22  Resolved: 05/Oct/22

Status: Closed
Project: Admincentral
Component/s: None
Affects Version/s: 6.2.23
Fix Version/s: 6.3.0, 6.2.24

Type: Bug Priority: Neutral
Reporter: Richard Gange Assignee: Sang Ngo Huu
Resolution: Fixed Votes: 0
Labels: css
Σ Remaining Estimate: 0d Remaining Estimate: Not Specified
Σ Time Spent: 3.5d Time Spent: Not Specified
Σ Original Estimate: Not Specified Original Estimate: Not Specified

Attachments: PNG File image-2022-09-20-13-07-25-037.png     PNG File img.png    
Issue Links:
duplicate
duplicates MGNLUI-6641 Slider field grows indefinitely when ... Closed
relation
Sub-Tasks:
Key
Summary
Type
Status
Assignee
ADMINCTR-292 Implement Sub-task Completed Sang Ngo Huu  
ADMINCTR-293 Review PR Sub-task Completed Adam Siska  
ADMINCTR-294 Pre-int QA Sub-task Completed Adam Siska  
ADMINCTR-295 QA Sub-task Completed Jaromir Sarf  
Template:
Acceptance criteria:
Empty
Release notes required:
Yes
Date of First Response:
Epic Link: Nucleus Quality Maintenance
Sprint: Nucleus 20
Story Points: 3
Team: Nucleus

 Description   

Reproduce
Create a dialog with a slider and description

form:
  properties:
    slider:
      $type: sliderField
      defaultValue: 50
      stepSize: 5
      displayStepSize: 25
      valueFormat: PERCENTAGE
      description: I'm a slider

Expected
I should be able to slide all the way to right (to the max value).

Actual
You can never slide all the way to the max value. The entire dialog frame begins to expand infinitely.

Workaround
Don't use a description property. Use a static field below the slider field for the description.

form:
  properties:
    slider:
      $type: sliderField
      defaultValue: 50
      stepSize: 5
      displayStepSize: 25
      valueFormat: PERCENTAGE
   description:
     $type: staticField
     label: Slider description
     value: I'm a slider


 Comments   
Comment by Adam Siska [ 20/Sep/22 ]

Just my two cents from discovery. I've found this two selectors where adding "width: 100%" to one or the other would make the slider stop to expand when moving close to right side (see red arrows in the screenshot).
Nevertheless this unfortunately breaks both slider controller layout and the top magnolia banner with logo, findbar, etc. (see blue arrows in the screenshot). On the top of that I am not able to find those selectors anywhere in scss file in UI nor ADMINCENTRAL projects:

Comment by Jaromir Sarf [ 22/Sep/22 ]

I found some weird behaviour - if you set max-width (like on picture) to some small random value, it will work fine.

.

Generated at Sun Feb 11 23:05:46 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.