Skip to content
This repository was archived by the owner on Feb 25, 2025. It is now read-only.

Conversation

ferhatb
Copy link
Contributor

@ferhatb ferhatb commented May 13, 2020

When blendmode filters are applied to elements preceding paragraphs, the paragraph elements shift unless left,top css attributes are set to 0px.

Fixes: flutter/flutter#56971
Added regression test.

@ferhatb ferhatb requested review from yjbanov and nturgut May 13, 2020 03:38
@@ -714,6 +714,10 @@ class BitmapCanvas extends EngineCanvas {
rootElement.append(paragraphElement);
}
_children.add(paragraphElement);
// If there is a prior sibling such as img prevent left/top shift.
Copy link
Contributor

Choose a reason for hiding this comment

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

Is there any information about why this is happening? Would be useful to leave a link explaining what causes the shift.

Copy link
Contributor Author

@ferhatb ferhatb May 13, 2020

Choose a reason for hiding this comment

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

No info or chromium bug i could point to. Although position is absolute and the paragraph has transform on it, it is shifting the text vertically down.

Example:
Screen Shot 2020-05-12 at 11 49 50 PM

Copy link
Contributor

Choose a reason for hiding this comment

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

/me pulling my hair out 🤦

@ferhatb
Copy link
Contributor Author

ferhatb commented May 13, 2020

Merging on infra fail / mac android.

@ferhatb ferhatb merged commit 21b4d2f into flutter:master May 13, 2020
engine-flutter-autoroll added a commit to engine-flutter-autoroll/flutter that referenced this pull request May 13, 2020
iskakaushik pushed a commit to flutter/flutter that referenced this pull request May 14, 2020
* 7b64067 Use 'message' as the parameter name in FlMessageCodec::encode_message (flutter/engine#18253)

* 429beae Roll src/third_party/skia 3d2c41b773f6..3ebadcc98eab (14 commits) (flutter/engine#18333)

* 66ba3a7 Roll src/third_party/dart 2bf325900586..d6fed1f62444 (1 commits) (flutter/engine#18334)

* 2f8495a Completely disable paving the device on Fuchsia (flutter/engine#18340)

* 006dbfc Always keep thread merged when there are platform views. (flutter/engine#18245)

* 21b4d2f [web] Fix paragraph positioning (flutter/engine#18329)

* efdc099 Re-enable Fuchsia tests (flutter/engine#18342)

* ae2222f Revert "Re-enable Fuchsia tests (#18342)" (flutter/engine#18345)
wandyers pushed a commit to wandyers/engine that referenced this pull request May 23, 2020
* Fix text positioning
* Update golden locks
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Web] Text rendering incorrectly when inside a Row with an ImageIcon
3 participants