Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(ui5-dialog): Texts are no longer blurred in Chromium-based browsers #2417

Merged
merged 5 commits into from
Nov 5, 2020
Merged

fix(ui5-dialog): Texts are no longer blurred in Chromium-based browsers #2417

merged 5 commits into from
Nov 5, 2020

Conversation

georgimkv
Copy link
Contributor

@georgimkv georgimkv commented Oct 29, 2020

Fixes: #2270

Bug in Chromium-based browsers (https://bugs.chromium.org/p/chromium/issues/detail?id=783388)
causes elements with transform translate applied to be blurred
due to values ending up resulting in fractional values.

As a workaround, ui5-dialog is now centered using position fixed (with top and left).

@georgimkv georgimkv marked this pull request as draft October 29, 2020 12:20
@georgimkv georgimkv marked this pull request as ready for review October 29, 2020 14:38
Fixes: #2270

Bug in Chromium-based browsers (https://bugs.chromium.org/p/chromium/issues/detail?id=783388)
causes elements with transform translate applied to be blurred
due to values ending up resulting in fractional values.

As a workaround, ui5-dialog is now centered using position fixed (with top and left).
@georgimkv georgimkv closed this Oct 30, 2020
@georgimkv georgimkv reopened this Oct 30, 2020
Copy link
Contributor

@dimovpetar dimovpetar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. When draggable dialog is dragged, then resizing the window shouldn't recenter the dialog
  2. When resizable dialog is resized, also resizing the window shouldn't recenter the dialog

This is the behavior of the OpenUI5 Dialog https://openui5.hana.ondemand.com/entity/sap.m.Dialog/sample/sap.m.sample.Dialog

packages/main/src/Dialog.js Outdated Show resolved Hide resolved
@georgimkv georgimkv requested a review from a team November 2, 2020 08:04
@georgimkv
Copy link
Contributor Author

  1. When draggable dialog is dragged, then resizing the window shouldn't recenter the dialog
  2. When resizable dialog is resized, also resizing the window shouldn't recenter the dialog

This is the behavior of the OpenUI5 Dialog https://openui5.hana.ondemand.com/entity/sap.m.Dialog/sample/sap.m.sample.Dialog

Waiting for a response from UX colleagues regarding this.

@georgimkv georgimkv requested review from vladitasev, ilhan007 and fifoosid and removed request for alexandar-mitsev November 2, 2020 13:55
}

onExitDOM() {
this._dragMouseMoveHandler = null;
this._dragMouseUpHandler = null;
ResizeHandler.deregister(this, this._screenResizeHandler);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This and the next line are repeated several times in the code - not a big deal but maybe move them to a separate function?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

ui5-dialog blurry on IE-11 and Edge
5 participants