Bug #36794
closedLoading HTMLRTE inserts hidden markup - Opera 11.x
0%
Description
When I edit a content element that uses the HTML RTE in Opera (Default browser), the following markup ends up inserted at the end of the text body in the HTML RTE:
<div style="font-size: 12px; color: rgb(0, 0, 0); padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; background-color: rgb(255, 255, 255); font-family: "Arial", "Helvetica", sans-serif; line-height: 100%; opacity: 1; border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); display: none; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; text-align: left; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; position: fixed; max-width: 400px; z-index: 2147480000"></div><div style="display: none; position: fixed; max-height: 209px; width: 450px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: grey; border-right-color: grey; border-bottom-color: grey; border-left-color: grey; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; background-color: rgb(255, 255, 255); overflow-x: auto; overflow-y: auto; min-height: 200px; z-index: 2147479999; text-align: center; color: rgb(0, 0, 0); right: 0px; top: 0px"><textarea style="height: 80px; width: 444px; border-top-color: rgba(7, 0, 0, 0); border-left-color: rgba(7, 0, 0, 0); border-right-color: rgba(7, 0, 0, 0); border-bottom-color: rgba(7, 0, 0, 0); border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px"></textarea><select><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="auto" selected="selected">Detect language</option><option value="nl">Dutch</option><option value="en">English</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="ht">Haitian Creole</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option></select><span style="font-weight: 700; cursor: pointer; color: lightgrey">⇄</span><select><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en" selected="selected">English</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="ht">Haitian Creole</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option></select><div style="text-align: left; background-color: rgb(235, 239, 249)">English (auto-detected) » English</div><div style="width: 444px; max-width: 444px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; min-height: 80px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: grey; border-right-color: grey; border-bottom-color: grey; border-left-color: grey; background-color: rgb(255, 255, 255); text-align: justify"></div></div>
Pasted "as is", I didn't want to reformat it in case it made it harder to pin down.
I have tried FF and Chrome (Release HEAD revisions for both browsers) and this problem does not occur. I also noted that it happened to me a couple of times in the Typoscript editor too, but have had a much harder time replicating the problem, so cannot effectively report on it.
In the HTMLRTE for text and text w/image elements though, editing the CE is enough to trigger the insertion. It is NOT inserted on save, it is inserted when the CE is opened. This was verified by viewing the HTML source, deleting the spurious markup, then saving the record. The markup is not visible, but as soon as you click to edit the CE, it is inserted at the foot of the copy again.
Perhaps some JS trying to generate a control of some kind is failing to execute / operating on some dicky markup. As usual if you wish to discuss with me in realtime I am in #typo3 on IRC.
Cheers guys!
Updated by Stanislas Rolland over 12 years ago
- Project changed from 1947 to TYPO3 Core
Updated by Stanislas Rolland over 12 years ago
- Category set to RTE (rtehtmlarea + ckeditor)
- TYPO3 Version set to 4.7
Updated by Stanislas Rolland over 12 years ago
I am unable to reproduce this issue with TYPO3 4.7.2 and Opera 11.64.
Perhaps you have some Opera extension or widget installed?
Updated by Stanislas Rolland over 12 years ago
- Status changed from New to Needs Feedback
Updated by Den Denyer about 12 years ago
Sorry for the long delay, I lost this issue and could not find it anywhere! I had to search my name and Forge on Google to finally catch up with it.
I have narrowed the issue down to the extension "Hyper Translate" for Opera. I will be contacting the Author, but I doubt a resolution will be met so will have to change translation extensions.
Apologies for the slow response. Forge really needs a personal dashboard like bugs.typo3.org! :)
Updated by Den Denyer about 12 years ago
Would like to alter the status, but do not seem able? Hope someone can clean this up / delete it.
Updated by Gerrit Code Review about 12 years ago
- Status changed from Needs Feedback to Under Review
Patch set 1 for branch master has been pushed to the review server.
It is available at http://review.typo3.org/15669
Updated by Stanislas Rolland about 12 years ago
- Status changed from Under Review to Closed
- Assignee set to Stanislas Rolland
Thank you for reporting back.
I will document the issue with this browser extension in the User Manual of the RTE.