Details
Major Description
Steps to reproduce:
1. Create a page, edit it in wiki mode, add the following syntax, and save the page:
= Heading 1 = Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non ullamcorper eros. Proin ultricies quis felis quis gravida. Duis tristique et eros id sagittis. Pellentesque rhoncus efficitur libero quis ornare. Vivamus et lorem lacus. Vivamus tincidunt eget velit id porta. Maecenas pulvinar ante sed aliquam gravida. Nunc lobortis venenatis nunc, vel condimentum erat mattis quis. Nam tortor felis, porta eget dolor vel, bibendum porttitor arcu. Nunc mattis sed elit non pretium. Sed imperdiet elit eu orci volutpat, vel semper magna sodales. Nullam tempus elit blandit efficitur dignissim. Suspendisse tincidunt iaculis congue. Suspendisse quis placerat risus, eget aliquam nibh. Donec rutrum ut elit et posuere. Quisque tempus elit elit. == Fusce eget efficitur enim. == Vivamus ante mauris, finibus at sem cursus, malesuada commodo diam. Nunc venenatis tincidunt lectus, sagittis sollicitudin ligula egestas et. Aliquam risus nisi, blandit at tortor vel, Heading 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non ullamcorper eros. Proin ultricies quis felis quis gravida. Duis tristique et eros id sagittis. Pellentesque rhoncus efficitur libero quis ornare. Vivamus et lorem lacus. Vivamus tincidunt eget velit id porta. Maecenas pulvinar ante sed aliquam gravida. Nunc lobortis venenatis nunc, vel condimentum erat mattis quis. Nam tortor felis, porta eget dolor vel, bibendum porttitor arcu. Nunc mattis sed elit non pretium. Sed imperdiet elit eu orci volutpat, vel semper magna sodales. Nullam tempus elit blandit efficitur dignissim. Suspendisse tincidunt iaculis congue. Suspendisse quis placerat risus, eget aliquam nibh. Donec rutrum ut elit et posuere. Quisque tempus elit elit. Fusce eget efficitur enim. Vivamus ante mauris, finibus at sem cursus, malesuada commodo diam. Nunc venenatis tincidunt lectus, sagittis sollicitudin ligula egestas et. Aliquam risus nisi, blandit at tortor vel, u == Heading 3 == Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non ullamcorper eros. Proin ultricies quis felis quis gravida. Duis tristique et eros id sagittis. Pellentesque rhoncus efficitur libero quis ornare. Vivamus et lorem lacus. Vivamus tincidunt eget velit id porta. Maecenas pulvinar ante sed aliquam gravida. Nunc lobortis venenatis nunc, vel condimentum erat mattis quis. Nam tortor felis, porta eget dolor vel, bibendum porttitor arcu. Nunc mattis sed elit non pretium. Sed imperdiet elit eu orci volutpat, vel semper magna sodales. Nullam tempus elit blandit efficitur dignissim. Suspendisse tincidunt iaculis congue. Suspendisse quis placerat risus, eget aliquam nibh. Donec rutrum ut elit et posuere. Quisque tempus elit elit. Fusce eget efficitur enim. Vivamus ante mauris, finibus at sem cursus, malesuada commodo diam. Nunc venenatis tincidunt lectus, sagittis sollicitudin ligula egestas et. Aliquam risus nisi, blandit at tortor vel, u = Heading = Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non ullamcorper eros. Proin ultricies quis felis quis gravida. Duis tristique et eros id sagittis. Pellentesque rhoncus efficitur libero quis ornare. Vivamus et lorem lacus. Vivamus tincidunt eget velit id porta. Maecenas pulvinar ante sed aliquam gravida. Nunc lobortis venenatis nunc, vel condimentum erat mattis quis. Nam tortor felis, porta eget dolor vel, bibendum porttitor arcu. Nunc mattis sed elit non pretium. Sed imperdiet elit eu orci volutpat, vel semper magna sodales. Nullam tempus elit blandit efficitur dignissim. Suspendisse tincidunt iaculis congue. Suspendisse quis placerat risus, eget aliquam nibh. Donec rutrum ut elit et posuere. Quisque tempus elit elit. Fusce eget efficitur enim. Vivamus ante mauris, finibus at sem cursus, malesuada commodo diam. Nunc venenatis tincidunt lectus, sagittis sollicitudin ligula egestas et. Aliquam risus nisi, blandit at tortor vel, u == Heading == Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non ullamcorper eros. Proin ultricies quis felis quis gravida. Duis tristique et eros id sagittis. Pellentesque rhoncus efficitur libero quis ornare. Vivamus et lorem lacus. Vivamus tincidunt eget velit id porta. Maecenas pulvinar ante sed aliquam gravida. Nunc lobortis venenatis nunc, vel condimentum erat mattis quis. Nam tortor felis, porta eget dolor vel, bibendum porttitor arcu. Nunc mattis sed elit non pretium. Sed imperdiet elit eu orci volutpat, vel semper magna sodales. Nullam tempus elit blandit efficitur dignissim. Suspendisse tincidunt iaculis congue. Suspendisse quis placerat risus, eget aliquam nibh. Donec rutrum ut elit et posuere. Quisque tempus elit elit.
2. Press on the pencil to edit a heading, press cancel, and press the pencil icon again (on the same, or different heading)
Expected results:
Even after the first time when you press the Pencil icon to edit the heading, and click cancel, your browser window moves just enough that you can see the Heading that you want to edit.
Actual results:
After the first time you press the Pencil icon to edit the heading, click cancel, and press the pencil icon again to edit a heading, the browser windows scrolls all the way to the bottom of the page, or to the top, losing focus of the heading you wanted to edit.
Video of the issue: chrome_FMa2BDs93s (1) (1).mp4
Additional details:
I reproduced on 16.6.0 using that specific syntax. On a different, random page with headings I could not reproduce.
Adding this specific syntax on different random page(on the same wiki) that did not have this issue causes it to manifest the issue
Using the same syntax on a different version of XWiki does not reproduce the issue.
It behaves the same regardless if Realtime is enabled or not.