Bootstrap & Chrome

[alisanie]

Hi
I'm starting to use BS RTL.I don't have any problem but when I check my project in google chrome nothing show until I scroll page or open inspection.
When I remove bootstrap RTL link from my project everything back to normal.
Any suggestion?

[alisanie]

Problem Solved!
The jquery that I used was different from the file that is in this package.So we should use same version for better result

[misamae]

hi @alisanie I am facing the same issue. Could you please give a bit more details on how you fixed it?

Thanks,

[misamae]

@alisanie did you use the jquery.min.js that comes with bootstrap-rtl package?

[alisanie]

Hi
This is chrome problem with rtl and there is no fix for that. You have to give your page min hieght with css and using jquery or java script to scroll it 1 px. Hope its clear

[misamae]

Hi,

Thank you for the feedback I did this and still no luck.

$(document).ready(function () {
      $.AdminLTE.layout.fix();
      console.log('fixed AdminLTE');
      window.scrollTo(0, 1);
});

[alisanie]

As far as I know its chrome bug on OSX.I fixed the problem on one of my wordpress project .I will share the code after I find it

[misamae]

Thank you!!!

[alisanie]

@misamae hi!I fixed this problem and I want to share it with you.I think this problem is only for gc on mac os.
How to fix it?its really easy.
hide you body in your css and then show it when page load and every thing will work.

/*Add this to your css to hide body */
body {
    display: none;
}

<!-- Add to your html or js file to show your body again -->
  $(window).load(function() {
  // When the page has loaded
  $("body").show()
});

[misamae]

@alisanie thanks. I will give it a try.

[shadialnamrouti]

I faced the same problem whenever I use any RTL bootstrap library, so I agree it is a Chrome bug.
I suggest to use this:

$(function(){
       window.scrollBy(0, 1);
       window.scrollBy(0, -1);
       $("body").show();
   });