locked
modal scroll problem RRS feed

  • 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 

    errro

    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

    error

    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