I have a multilingual website where everything was running fine under J3. I migrated to J4 (and also switched to YOOtheme Pro. I mention it just in case).
And now the Edit button on the Association Tab (for Articles and for Menu Items) always give a 404.
After some tests, I realized that I could see in the Console that the called url was actually
I was puzzled by the %27%20272%20%27 at the end of the url. The Article ID in this case was 272 so I manually typed the following url (dropping the "%27%20" before and the "%20%27" after the item ID:
And there the page works (I open it on a separate Tab, even if it is supposed to be a Modal of course).
So what is wrong? Why these "%27%20" before and "%20%27" after the Article or Menu Item ID?
Txs for your suggestions! (I also tried different PHP versions just in case but that would not solve anything)
EDIT1: actually I discovered this bug in the context of Multilingual Association, but the same issue arises with the classical "Edit" article button that can be found when Editing a Menu Item
EDIT2: FYI here is the corresponding HTML in the page (which is exactly similar to the HTML on another J4 site where everything works fine)
<div id="ModalEditArticle_jform_associations_fr_FR" tabindex="-1" class="joomla-modal modal fade" data-bs-backdrop="static" data-bs-keyboard="false" data-url="index.php?option=com_content&view=article&layout=modal&tmpl=component&165fca538bd5a6f8ec413c37271fbfd8=1&forcedLanguage=fr-FR&task=article.edit&id=' + document.getElementById("jform_associations_fr_FR_id").value + '" data-iframe="<iframe class="iframe" src="index.php?option=com_content&amp;view=article&amp;layout=modal&amp;tmpl=component&amp;165fca538bd5a6f8ec413c37271fbfd8=1&amp;forcedLanguage=fr-FR&amp;task=article.edit&amp;id=' + document.getElementById(&quot;jform_associations_fr_FR_id&quot;).value + '" name="Edit Article" title="Edit Article" height="400px" width="800px"></iframe>" style="display: none;" aria-hidden="true">