Gutenberg: View jumps to top of window when editing in Microsoft Edge

[Haldaug]

Describe the bug
After installing the newest update of the Gutenberg plugin (version 6.4.0) this problem appears:

When editing text in blocks that are further down the page, the window scrolls to the top of the window.

If I disable the Gutenberg plugin and use the stock editor, the problem disappears.

To reproduce
Steps to reproduce the behavior:

1. Edit a post
2. Insert enough text so that the title scrolls out of view.
3. Edit the text by typing any character.
4. Observe that each time you press a key on the keyboard, the window scrolls to the top.

Expected behavior
I expect the window scroll position to stay put while I edit the text.

Screenshots

Observe that the window scrolls to the top each time I type a character.

Desktop (please complete the following information):

• OS: [Windows 10]
• Browser [Edge]
• Version [44.17763.1.0]

[blogger912]

I am having the same issue. Only way I can type is by deactivating Guttenberg.

[dugsteen]

Same. Anyone find a workaround?

[blogger912]

One solution is to disable Gutenberg and go back to Classic Editor. But I
am accustomed to using the blocks. My next solution is to switch from
Microsoft Edge to Google Chrome. I think it may be a browser issue.

On Sun, Sep 15, 2019 at 5:05 PM dugsteen [e-mail] wrote:

Same. Anyone find a workaround?

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/WordPress/gutenberg/issues/17255?email_source=notifications&email_token=ANGC7WFKMLUAP66OLNADG4DQJ2WRLA5CNFSM4ISCPIJKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD6XZ7KA#issuecomment-531603368,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ANGC7WE77IXBSSCC7HWQCWDQJ2WRLANCNFSM4ISCPIJA
.

[tailoredanthony]

A client has reported this issue, so I've had a look. I confirm - getting this error in Edge, while Chrome & Firefox are both fine.

I reproduced by scrolling down so top of editor is no longer visible.
Then try to edit a paragraph block.
View jumps right to the top of the screen when I type.
However the cursor appears to be where I left it, and if I blindly keep typing, I can see those words when I scroll back down. But typing another letter jumps the view to the top again.

I tested this on a second client site in Edge too, and got the same problem. I don't use Edge as my daily driver, so not sure how common it is or if all sites are affected.

After seeing the error, I updated Gutenberg plugin to latest version (6.5), but this did not fix things.

I'll be advising the client to use a different browser for now, but this seems to be a major issue.

[kwight]

I can confirm this issue is still valid as of 6.5.

[katiebethbrown]

Another report in #3416092-hc

every time I type on my blog it shakes.

Edge 18.18362 on Windows 10.0.0

[mriyazuddin]

Another such issue reported here: #2392945-zen

[ellatrix]

I can reproduce the bug in Browserstack. I'll have a look into it now.

[ellatrix]

The cause is the Typewriter component. I'll see if it can be fixed, otherwise it could be disabled for Edge in the meantime.

[ellatrix]

The problem is that Edge does not support the y property on a DOMRect: https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect and https://developer.mozilla.org/en-US/docs/Web/API/DOMRect.

[ellatrix]

I'm surprised not more stuff is broken in Edge because of this. It also doesn't seem to support the DOMRect constructor.

[katiebethbrown]

I just had another report of this.

Every time I start typing in a block, it moves to the bottom of the page and I can no longer see what i'm writing

Edge 18.17763 on Windows 10.0.0

[aliashoj]

This issue is still present on wp 5.3 and Mircosoft Edge, here. Happens on client's computer and in our office. Editing text causes the screen to jump to the top.

[vincepettit]

Two of my website authors are experiencing this in the latest release too in Edge.

[mft-dev]

Seeing this on WP 5.3 in Edge (Microsoft Edge 44.18362.449.0, Microsoft EdgeHTML 18.18362)

[ScaryDBA]

You are not alone. I can validate this same issue. First time editing a WordPress blog post with a brand new laptop.

[ellatrix]

The fix will be added to WP 5.3.1. In the meantime you could use the Gutenberg plugin.

[akshayhallur]

The issue is still there in WP 5.4.