craftcms / craftcms/cms

Live preview jumps to top on edit with Chrome and will not update with Firefox

Open
#2,773 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
PHP
Stars
3.6k
Forks
705
Avg merge
1d 5h
Merged PRs (30d)
134

Description

Description

While editing a longer page, live preview jumps to top on refresh (Mac-Chrome)

Also, while comparing this behaviour with Firefox-Mac, I noticed that Firefox has a hard time updating the changes at all. If it updates, it jumps to the top as well. Safari does what you would expect.

This is a simple bootstrap site. One page has Disqus, which makes it more jittery (Disqus rebooting every time)

Steps to reproduce
  1. Start editing at the bottom of the page
  2. On refresh Live preview jumps to the top
Additional info

Craft version: 3.0.3.1 (Pro)
PHP version: 7.0.29
Database driver & version: MySQL 5.5.59
Image driver & version: Imagick 3.4.3 (ImageMagick 6.8.9-9)
Plugins & versions:
Contact Form 2.1.1
Contact Form Honeypot 1.0.2
Expanded Singles 1.0.3
Image Resizer 2.0.2
Redactor 1.1.0

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Begin by reproducing live preview while editing near the bottom of a long page in Chrome and Firefox, using the reported environment, and compare the behavior with Safari. Trace the live-preview refresh and update path, including the effect of the Disqus embed; done means edits update reliably without jumping to the top in Chrome or Firefox.

Written by the indexing model from the issue text.

Assessment

Tech stack
php
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.