Skip to content

Blocks "jumping" when resizing to minimum limits fast #3444

@miina

Description

@miina

Bug Description

When resizing a block (any block except for Text block without amp-fit-text) to small quickly, it jumps.

Expected Behaviour

Block should stay in place even when resizing quickly.

Steps to reproduce

  1. Add a block (e.g. Text / Image)
  2. Resize the block to be quite tall.
  3. Rotate the block a bit.
  4. Use the top resizing handle and reduce the block's height quickly.
  5. See the results.

Screenshots

Screen Recording 2019-10-03 at 17 07 27


Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

  • AC1: When a block is placed on a page, regardless of size or rotational orientation, it should have a centered focal point, so when the block is rotated, or resized, it does not "jump" visually on the page.

Related to #3461

Implementation brief

Fixed in #3529.

QA testing instructions

  1. Add a block (e.g. Text / Image)
  2. Resize the block to be quite tall.
  3. Rotate the block a bit.
  4. Use the top resizing handle and reduce the block's height quickly.
  5. Block should not move / jump.

Demo

junmping2
jumping

Changelog entry

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugSomething isn't workingUX

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions