Bug #105778
open
Link edit menu not opening in Firefox with .btn class
0%
Description
When using links with class="btn" the link edit menu does not open in Firefox.
Reproduce:
1. Use Firefox
2. add a RTE yaml config for links with btn class:
style:
definitions:
- {name: 'Button', element: 'a', classes: ['btn']}
3. style a link with this class in RTE
4. click on the link in order to edit the styled link
Expected behaviour: the link edit menu appears below the link text
Actual behaviour: nothing happens. When I put the cursor next to the link, use the arrow keys to move the cursor into the link and then click the link button of RTE, than the menu appears.
Updated by Garvin Hicking about 1 month ago
- Status changed from New to Needs Feedback
Sounds a bit like it may conflict with "btn" backend usage. If you call the class something like "custom-btn" does it work then? That would help to pinpoint the problem.
Updated by Riccardo De Contardi 23 days ago
I can confirm the issue with Firefox and TYPO3 14, and I can confirm the following
1. It occurs on Firefox 133.0.3 (latest version)
2. It occurs even without a custom style in your yaml files: you can just edit the source of the RTE element and type something like
<p>
<a class="btn btn-primary" href="t3://page?uid=current">Hello World </a>
</p>
3. if you change the class into a non-Bootstrap one, e.g. <a class="btn-custom>, the issue does not occur
4. The error does not seem to occur on Chrome
5. regardless of class written, at each save the CE I got the error (Only Firefox)
Content-Security-Policy: The page settings have blocked the execution of a JavaScript “eval” (script-src) because it violates the following directive: “script-src 'self' 'nonce-SFgyg7UZgBg4GCd-dYa28cLYG0O1WrxITgVyivCcmiJqoz_VGECAxg' 'report-sample'” ('unsafe-eval' not present)
ckeditor5-inspector.js:1:33690
I don't know if this is related or just happens on my TYPO3 instance