Page 1 of 1

Asking again ... Dialog content bluring when blockscroll={false}

Posted: 18 Jun 2019, 14:45
by Hanland
This is a real pain, any dialog which has blockScroll={false} which is rendered when the browser scroll bar is visible has noticeably blurred text. turn blockScroll={true} and the text is in focus. Not a major problem but it does cause the screen to jump horizontally when the dialog is shown and removed as the scroll bar is removed then put back..... any ideas?????

Re: Asking again ... Dialog content bluring when blockscroll={false}

Posted: 24 Jun 2019, 09:08
by aragorn
Hi,

Do you have the fixed width on Dialog? I think this issue is a Chrome issue. Please see;
https://stackoverflow.com/questions/295 ... ry-borders

We are using the following transform values to center the dialog;

Code: Select all

-webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
Best Regards,

Re: Asking again ... Dialog content bluring when blockscroll={false}

Posted: 08 Jul 2019, 12:29
by Hanland
Hi,

Sorry for the time to reply.

I tried it on other browsers and they all look good, so yes it's a Chrome issue. I did have a fixed width but removing this made no difference.

Any other ideas??

Regards