1539053 - Rotating and/or moving text in creating a new story is very slow and choppy.

Status: NEW

(Core :: Graphics: Canvas2D, defect, P3)

Description

[Karl Dubost💡 :karlcow]

0. On Firefox Android
1. Visit https://instagram/.
   Note: you will need to log in with existing Instagram account.
2. Add a new story. This can be accessed by tapping the camera icon on the top left side of the page.
3. Select a random picture.
4. Add a text to the image. This is done by tapping the "Aa" button on the top-right. See attached image for reference.
5. Try to move, resize, and/or rotate the text.
   In Firefox, the text moves quite slow and sometimes make the site unresponsive, while it works fine in Chrome or other WebView-based browsers.
   https://webcompat.com/uploads/2017/12/cbc8372d-b566-4daa-b01b-285dddfa0e97.jpg

Also as reported in https://webcompat.com/issues/14184#issuecomment-467335449
and followup comment.
There are some similar performance issue on

0. With Firefox Android
1. Go to https://pqina.nl/shiny/
2. Move the device

Observer the shiny effect on the card. This is shoppy, not smooth.

Comment 1

[Mike Conley (:mconley) (:⚙️)]

According to the WebCompat issue, this is reproducible on a Samsung Galaxy J7 Pro (SM-J730G/DS, Released 2017)

We definitely need a profile for this to make this bug actionable, but this is definitely a responsiveness bug.

Making it p2, since Instagram is a pretty popular web property.

Comment 2

[Sean Feng [:sefeng]]

This is reproducible on Moto G5, profile http://bit.ly/2YrG4cM.

The site was unusable while I was doing this action. Lots of DOM stuff happening in the profile and it looks like mozilla::gfx::AlphaBoxBlur::BoxBlur_NEON function consumed a lot of time

Comment 3

[Firefox Bug Husbandry Bot]

Migrating Webcompat whiteboard priorities to project flags. See bug 1547409.

Comment 4

[Firefox Bug Husbandry Bot]

See bug 1547409. Migrating whiteboard priority tags to program flags.