Dialog Scrollbar Size Issue
See original GitHub issueBug Description
- change the scroll bar size to the Dialog
To reproduce Steps to reproduce the behavior:
- Create a ui5-dialog
- Add style to the dialog
height: 600px
- Apply Style to the diaog: “–sapScrollBar_Dimension”: “7px” ::-webkit-scrollbar { width: 7px !important; height: 7px !important; }
Isolated example https://codesandbox.io/s/wispy-leaf-ljisu?file=/src/App.js
Expected behavior Dialog Scroll bar width is small
Screenshots
Context
- UI5 Web Components version 1.0.0-rc.10
- OS/Platform: Win 10
- Browser (if relevant): Chrome Version 88.0.4324.192 (Official Build) (x86_64)
- Other information: None
Priority:(optional) (Low, Medium, High or Very High) Very High
Business impact: (mandatory for “Very High”)
Issue Analytics
- State:
- Created 3 years ago
- Comments:9 (7 by maintainers)
Top Results From Across the Web
jQuery UI Dialog size/scrollbar issue in IE
I get a scroll bar on every dialog. Looking at it, the content height is apparently calculated by the UI. In FF, that...
Read more >Getting a scroll bar after setting mat-dialog-container padding ...
The form has not changed in size only the padding was set to 0 and i get the scroll bar even so there...
Read more >p-dialog scrolling issue - Prime Community Forum
When creating a dialog with a large amount of text for the screen space the dialog gets a scroll bar. When displayed, the...
Read more >3623 (Opening a Modal Dialog shows a horizontal scroll bar)
Make sure you have both width and height set to 100 %. You're done. comment:9 Changed 13 years ago by cozydozy.
Read more >scroll bar is not shown in ejs-grid on angular mat-dialog-content
We have validated your query. While setting width in percentage the element always try to adopt within its parent element. So we suggest...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hello @terezamch, just fyi, to forward the issue to the responsible team you have to change the Projects to “Maintenance - Topic RD”, from the settings, that stay to the right of the issue description, and by mentioning the responsible team in a comment by its github group name, so they know about this issue.
I already did it. BR, ilhan.
Hello @gopusrikanth04 ,
Unfortunately, you cannot achieve it as now there is no possibility to add styles with pseudo elements in the dialog. I have forwarded the issue to the responsible team.
Regards, Tereza