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

UI Components for React
Post Reply
Posts: 22
Joined: 07 Jan 2018, 14:12

18 Jun 2019, 14:45

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?????

User avatar
Posts: 3619
Joined: 29 Jun 2013, 12:38

24 Jun 2019, 09:08


Do you have the fixed width on Dialog? I think this issue is a Chrome issue. Please see; ... 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,

Posts: 22
Joined: 07 Jan 2018, 14:12

08 Jul 2019, 12:29


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??


Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests