Project

General

Profile

Actions

Bug #36794

closed

Loading HTMLRTE inserts hidden markup - Opera 11.x

Added by Den Denyer almost 12 years ago. Updated over 11 years ago.

Status:
Closed
Priority:
Must have
Category:
RTE (rtehtmlarea + ckeditor)
Target version:
-
Start date:
2012-05-03
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
4.7
PHP Version:
Tags:
Complexity:
Is Regression:
Sprint Focus:

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: &quot;Arial&quot;, &quot;Helvetica&quot;, 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!

Actions #1

Updated by Stanislas Rolland almost 12 years ago

  • Project changed from 1947 to TYPO3 Core
Actions #2

Updated by Stanislas Rolland almost 12 years ago

  • Category set to RTE (rtehtmlarea + ckeditor)
  • TYPO3 Version set to 4.7
Actions #3

Updated by Stanislas Rolland almost 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?

Actions #4

Updated by Stanislas Rolland almost 12 years ago

  • Status changed from New to Needs Feedback
Actions #5

Updated by Den Denyer over 11 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! :)

Actions #6

Updated by Den Denyer over 11 years ago

Would like to alter the status, but do not seem able? Hope someone can clean this up / delete it.

Actions #7

Updated by Gerrit Code Review over 11 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

Actions #8

Updated by Stanislas Rolland over 11 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.

Actions

Also available in: Atom PDF