Issue Slug Direction in RTL version

[rachidev84]

This issue occure when you switching wordpress to arabic language :
about RTL :
the permalink display in RTL not in LTR, it must be in LTR because that how it show on all browser.
this is how it look like on wordpress in edit post :
https://prnt.sc/o76dkn

and this is how must be : https://www.byarabic.com/مقالة-الموقع/
Another issue is if someone copy my post link from website and past it in other place via facebook messenger or any browser it show them url with %%%% like this :
https://www.byarabic.com/%d9%85%d9%82%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d9%88%d9%82%d8%b9/

[draganescu]

Hi @swissspidy I see you labeled this so I am asking you for a second opinion :) wouldn't this be better off as a ticket in core Trac?

[sabernhardt]

Core has a Trac ticket, but some aspects need to be changed in the editor.

So far, I have two suggestions for the post-publish panel:

1. The URL input field needs direction: ltr. If you can rely on the WordPress admin common.css, it adds that style in an ltr class, and I think its code class could be a better choice.
2. Try decoding the URL in the Copy button with { safeDecodeURIComponent( link ) } as the text value, which is used for the input.
   

   gutenberg/packages/editor/src/components/post-publish-panel/postpublish.js

   Line 132 in 3527348

   value={ safeDecodeURIComponent( link ) }

   
   

   gutenberg/packages/editor/src/components/post-publish-panel/postpublish.js

   Line 137 in 3527348

   <CopyButton text={ link } onCopy={ this.onCopy }>

[sabernhardt]

In the Gutenberg 13.7 Summary panel, the button text is URL encoded. Also, that URL should have direction: ltr, and the link in the popup needs display: inline-block or similar for the direction to work.