[SOLVED] Modal apps are sometime blurry

This started to happen some time ago and I don’t remember with which SC version.

The image below is a detail from the same form app in two different conditions.

On the left, the form app was opened as modal from a non modal grid app:
the text in the form app is perfectly rendered (not blurry).

On the right the same two apps are involved; the form app was still opened as modal from the grid app, but this time the grid app was itself opened as modal:
the text in the form is now blurry. Why?

Not sure yet, but it seems to happen only when a form app is opened as modal from a modal app.

This is driving me crazy.

Am I the only one experiencing this issue?

Can anyone, using apps opened as modal from other modal apps, confirm that they don’t have this blurring issue?

Not only i get blurry apps when they are opened as modal from another modal app.
Some times those modal-from-modal apps are blurry at load, but if I select a field the blurry effect goes away, and when I unselect the same field the app becomes blurry again
Sometimes it’s viceversa: not blurry at load, select a field the whole app gets blurry, unselect the field the app is not blurry again.

Here’s an example of the latter scenario:

Blurry app issue is with me too. Modal forms many times are blurry.

@ViralMehta
Thanks for your feedback.

Hopefully @NetMake will start taking notice.

I’m not sure at all, but maybe this blurring issue started appearing at the same time when NetMake implemented responsive resizing for modals some time ago.

Before those changes the height\width size you set when opening modal apps was strictly respected.

After those changes, modal sizing appears to be more dynamic (responsive).

This is noticeable especially when opening modals inside modals. Even if all modals are set to the same height\width, SC resizes them so that the stacking of more modal apps is clearly visible.

Here’s an example:

Hello!
Unfortunately, we have experienced the same issue: opening a modal (usually within another modal) sometimes - but not always - produces a blurred form that is very unpleasant for the eyes and makes it very hard to work with, even just for a short time.

It seems to happen more often when using ‘modal form’ to edit or insert from an editable grid view form.

Randomly re-sizing the whole browser helps fixing it sometimes, but overall working with a smaller browser window is not an acceptable solution for the user, especially if it causes a different form to be blurry in the new size.

Manually changing the height of the iframe height via the chrome dev tools (F12) can bring a slight improvement. Manually changing the value for margin-top and margin-bottom of the #TB_iframeContent can bring a big improvement. Both cases might also produce blurry results when using a different window size or monitor, so that would only help if one can guarantee a certain viewport size for all users - which obviously is not very helpful.

I have also noticed that, during the (very short) transition period between pressing the close button and the modal actually closing, the blur effect seems to disappear.

It would be greatly appreciated, if someone could have a look at this, since otherwise the nice effect of modal stacking (see the image from @robydago above) could never be used.

I am currently looking into this issue. It will probably be fixed in the next version.

1 Like

@Henrique_Barros

any news on this fix?

after your post, there were two updates to SC but no mention of it in the changelog

thanks for your support

Moved away from the issue for a while to work on other fixes. Couldn’t fix the issue by adding some changes in our libs, so i’ll be back to it later this week. May you inform what browser are you using?

tried with edge, chrome and firefox
doesn’t seem to make any difference

btw, even if in theory the rescaling of stacked modal apps is much nicer and it makes sure that no modal apps are “cut” (when a “larger” app is open inside a "smaller app) ,if you’re not able to fix it, can you please remove the rescaling of modal apps?

when SC honored the modal app fixed size, this issue was not present.

@robydago @ViralMehta @PMitec,

The “blurred” screen problem when opening various modes was corrected in version 9.11.006, which is now available for download/update.

Best regards!