dragging link creates relative url

@saladgoat

But if I highlight that url and drag-and-drop it

Would you be able to provide a screencast so I can better understand what you’re doing, in order to test it? You can use the free version of Loom for that, or your preferred tool.

If a screencast isn’t possible, please provide exact steps in order to replicate the issue. Thanks!

No screencast, sorry, but here are the exact steps:

1. Start a new Post.
2. Click Add Media button.
3. Drag image to browser and drop it.
4. Wait while it uploads.
5. Click Insert into post button.
6. Looks something like this (angle brackets removed):
   img src=”https://www.foo.com/FUP/wp-content/uploads/2023/02/image-800×600.jpg” alt=”” width=”800″ height=”600″ class=”alignnone size-large wp-image-29368″
7. Highlight the absolute url (underlined for demonstration):
   img src=”<span style=”text-decoration: underline;”>https://www.foo.com/FUP/wp-content/uploads/2023/02/image-800×600.jpg</span>&#8221; alt=”” width=”800″ height=”600″ class=”alignnone size-large wp-image-29368″
8. Drag that url to another part of the Post.
9. Drop it there.
10. Blam! Relative url:
    img src=”” alt=”” width=”800″ height=”600″ class=”alignnone size-large wp-image-29368″
    image-800×600.jpg

Did that help?

Thanks!

Hi @saladgoat. I have tried to reproduce what you described and I recorded a screencast but I am not sure what you mean in steps 8 and 9. Could you please describe un more detail what you mean by “Drag that URL to another part of the Post” and “Drop it there“?

Here is what I tried:

Hi again @saladgoat. I did a second test trying to “drag” an URL as you described (as opposed to an image) and this is what I am seeing:

In the case of my test, the link seems to work but, is this closer to what you are experimenting?

If not, could you please provide a little bit more context on how/when you do this drag & dropping? Maybe that will help us understand.

Thank you!

Not at all. You keep switching to Visual, and using Lorum text. Neither is needed for this bug.

Just insert an image in the Text (not Visual) tab. It will produce the img src html. In that html, highlight the FULL url (from https to jpg), not including the quotes. Now click it and drag to a new area of the post – right after the final > if you like. Everything from https to the image name is stripped away, leaving only the image name and extension.

Hi @saladgoat thank you for providing more information. I am afraid I cannot replicate the issue you are referring to. Adding an image and also copying and pasting the URL is working as expected as shown in this short video.

This may be a plugin or theme conflict. Please attempt to disable all plugins, and use one of the default (Twenty*) themes. If the problem goes away, enable them one by one to identify the source of your troubles. If you can install plugins, install and activate “Health Check

It will add some additional features under the menu item under Tools > Site Health. On its troubleshooting tab, you can Enable Troubleshooting Mode. This will disable all plugins, switch to a standard WordPress theme (if available), allow you to turn your plugins on and off and switch between themes, without affecting normal visitors to your site. This allows you to test for various compatibility issues.

You have copied the link and then pasted it. Yes, that works just fine. I’m talking about dragging and dropping it. I guess I’m just not great at explaining with words, so here are some images.

On a mostly unrelated note not worthy of response, I find it awfully ironic that I’m being forced to use the wholly confusing block editor to discuss the superior Classic Editor.

Hi @saladgoat thank you for sharing screenshots those are very helpful. However, on my site when I drag and drop the URL is moved as expected as shown in this short video. I am using the Chrome browser.

My site is using the TT3 theme and I only have Gutenberg active, this may be a plugin or theme conflict. Please attempt to disable all plugins, and use one of the default (Twenty*) themes. If the problem goes away, enable them one by one to identify the source of your troubles. If you can install plugins, install and activate Health Check

It will add some additional features under the menu item under Tools > Site Health. On its troubleshooting tab, you can Enable Troubleshooting Mode. This will disable all plugins, switch to a standard WordPress theme (if available), allow you to turn your plugins on and off, and switch between themes, without affecting normal visitors to your site.

• This reply was modified 1 year, 9 months ago by thelmachido a11n.

My question to you, in regard to your video: are you using a chrome-based browser?

This only happens in Google Chrome and Microsoft Edge. It does not happen in Firefox. (I have not tested it in any other browsers.)

I disabled all plugins and it still happened. I am already using TwentyTwenty theme (well, a child theme of that). I tried it on other sites using different child themes of different themes. I tried it on a site using an original theme. This happens in all cases on chrome-based browsers but not on Firefox.

I installed and activated the Health Check plugin and did the Troubleshooting mode. Disabled all plugins except Classic Editor. Switched to TT3 theme. Same result.

You say you only have Gutenberg active. But this is the Classic Editor plugin I’m talking about. I don’t have the Gutenberg plugin. Maybe that is “helping” put things right for you? Or maybe you’re not using a chrome-based browser?

This only happens in Google Chrome and Microsoft Edge. It does not happen in Firefox. (I have not tested it in any other browsers.)

Hi @saladgoat yes, I use Chrome on iOS. Also I meant to say I only have Classic Editor enabled, I am sorry about the confusion. Let me see if I can check how the link behaves on Windows, maybe that is the issue.