[wp-trac] [WordPress Trac] #39790: When I click on URL button for add an URL to an image a new line is added

[WordPress Trac]

#39790: When I click on URL button for add an URL to an image a new line is added
-------------------------------+-------------------------
 Reporter:  asimioni           |       Owner:  (none)
     Type:  defect (bug)       |      Status:  closed
 Priority:  normal             |   Milestone:
Component:  Editor             |     Version:  4.7.2
 Severity:  normal             |  Resolution:  worksforme
 Keywords:  reporter-feedback  |     Focuses:
-------------------------------+-------------------------

Comment (by nathan001):

 Replying to [comment:4 nathan001]:
 > Replying to [comment:3 nathan001]:
 > > @asimioni This issue appears to stem from the editor or toolbar
 behavior, where clicking the URL button unintentionally inserts a new line
 after the selected image. Such behavior is often caused by the editor
 adding a block-level element, such as a <p> tag, after the image when
 interacting with certain toolbar options. It could also be due to an event
 triggered by the button click, which might not be properly handled,
 leading to the insertion of unwanted content.
 > >
 > To resolve this, inspect the DOM using developer tools to identify
 changes made to the structure after clicking the URL button. Look for
 newly added tags, such as <p> or <div>, that may be causing the issue.
 Additionally, check the event handling for the URL button. Sometimes, the
 button’s default behavior might include inserting a new block, which can
 be overridden using JavaScript. Adding e.preventDefault() in the button's
 click event can help prevent unintended actions.
 >
 If adding a URL requires additional input fields or popups, consider using
 modals or overlays for the interaction. This ensures that changes are made
 without directly affecting the inline content. Finally, debugging the
 toolbar’s functionality or isolating the URL button code can provide
 insights into whether the problem lies in the implementation or the editor
 itself. Providing further details about the editor being used, such as
 TinyMCE, CKEditor, or Quill, can aid in narrowing down the root cause.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/39790#comment:6>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform