This issue has been created
There is 1 update.
 
 
XWiki Platform / cid:jira-generated-image-avatar-2d6c0df2-453e-46e4-b4af-9462ba983dfe XWIKI-22488 Open

Editing the paragraph using the In-place editor moves the display window to the bottom/top of the page

 
View issue   ยท   Add comment
 

Issue created

 
cid:jira-generated-image-avatar-689c892d-1541-4a5b-ab5d-60643dc2fcde Lucian Chevereseanu created this issue on 05/Sep/24 14:36
 
Summary: Editing the paragraph using the In-place editor moves the display window to the bottom/top of the page
Issue Type: cid:jira-generated-image-avatar-2d6c0df2-453e-46e4-b4af-9462ba983dfe Bug
Assignee: Unassigned
Created: 05/Sep/24 14:36
Priority: cid:jira-generated-image-static-major-c6e5f5be-6823-44df-b389-871eb6748cd0 Major
Reporter: Lucian Chevereseanu
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

 

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: 

 
 

1 update

 
cid:jira-generated-image-avatar-689c892d-1541-4a5b-ab5d-60643dc2fcde Changes by Lucian Chevereseanu on 05/Sep/24 14:40
 
Description: * Steps to reproduce: *
1. Create a page, edit it in wiki mode, add the following syntax, and save the page
.
{code
: java}
= Heading 1 =Lorem ipsum dolor sit amet, consectetur adipiscing elit
[link |https://up1 . Nulla non ullamcorper eros xwikisas . 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. == com/#qDnSbZ1whieG2p_6F7SbVg]
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.{code}
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: