Openui5: Slider Input is partially hidden when there is content above it

Created on 3 Aug 2017  路  4Comments  路  Source: SAP/openui5

OpenUI5 version: 1.46.12

Browser/version (+device/version):
Chrome

Any other tested browsers/devices(OK/FAIL):
IE 11 - Fail

URL (minimal example if possible):
https://jsbin.com/xuwefuy/edit?html,output

User/password (if required and possible - do not post any confidential information here):

Steps to reproduce the problem:

  1. Mouse over slider's edges (circles)

What is the expected result?
Slider Input should be totally visible

What happens instead?
If there is content above it, it is not displayed or partially displayed.

Any other information? (attach screenshot if possible)

When using margins
slider_input_ok

No margins
slider_input_fail

bug fixed

All 4 comments

Root cause found:

File: openui5/src/sap.ui.layout/src/sap/ui/layout/themes/base/Grid.less

div[class="sapUiRespGrid"]>div[class="sapUiRespGridSpan"] {
float: left;
overflow: hidden
}
Changing overflow to "visible" it works,

However I have no clue if this update has chances to impact other stuff.

JSBin update with solution commented

Thanks for the feedback. Internal incident 1780367162 has been created for this issue.

Hi fabiopagoti,

This is a common issue, not only related with the usage of the Slider in the Grid.
We are currently researching the possibility to move of the Slider tooltips in the static area - in this way they will not be restricted by the containers in which the control is placed.
I will update the issue, when we have resolved the problem.

Regards,
Nikolay

Hi @fabiopagoti,

The issue is solved with this change - the tooltips are now extracted to the static area.

Best Regards,
Nikolay

Was this page helpful?
0 / 5 - 0 ratings