Answered by:
modal scroll problem

Question
-
User818337214 posted
Hi
I have a modal. if I use Chrome, firefox or Microsoft Edge, scroll has a problem. (there is a small space that is equal width of scroll)
but if I use internet explorer 11 there is no problem ? why ? how is it fix
I tried it on bootsrap 4.0.0 and v4.0.0-alpha.6
Sunday, March 4, 2018 9:04 PM
Answers
-
User818337214 posted
I recognized this code : <div class="modal ValidationError" tabindex="-1" role="dialog" >
the problem is tabindex="-1"
I removed it. problem is solved by itself.
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Tuesday, March 6, 2018 8:43 AM
All replies
-
User1168443798 posted
Hi suat_suphi,
For this issue, I think it is more related with your current design code, and you need to Chrome Debug to check what the small space is by F12->Elements.
Could you share us a simple project which could reproduce this issue?
Best Regards,
Edward
Monday, March 5, 2018 1:55 AM -
User818337214 posted
thanks. do you want to see my test project ? I can share
I found it. I recognized padding-right: 17px but I couldn't find it in my project (I searched it with ctrl+shift+f).
https://drive.google.com/file/d/1teoM0_oW4RaFVGZzbbcpiL1J2ysr01CM/view?usp=sharing
Monday, March 5, 2018 8:24 PM -
User1168443798 posted
Hi suat_suphi,
After commenting the parts related with Default.csthml, I fail to reproduce your issue in Chrome.
To override the styple, I suggest you try code below:
//Layout.cshtml <body style="padding-right: 0px !important;"> </body>
Best Regards,
Edward
Tuesday, March 6, 2018 2:36 AM -
User818337214 posted
I recognized this code : <div class="modal ValidationError" tabindex="-1" role="dialog" >
the problem is tabindex="-1"
I removed it. problem is solved by itself.
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Tuesday, March 6, 2018 8:43 AM