Ticket #8398 (new defect)
Dijit Tooltip Conflicts with Advanced TinyMCE Editor
| Reported by: | rlally | Owned by: | |
|---|---|---|---|
| Priority: | normal | Milestone: | future |
| Component: | Dijit | Version: | 1.2.3 |
| Severity: | normal | Keywords: | |
| Cc: | floyd_ism@… |
Description
In IE7, when there is an active scrollbar in the advanced TinyMCE editor, the scrollbar will become unstable after a dijit tooltip is displayed on the page (I am using TinyMCE 3.2.2.1 and Dojo 1.1.1). Cannot reproduce in Firefox 2.0.0.20 or 3.0.5).
To recreate this issue:
1. Put a dijit tooltip on a page (or use a ValidationTextBox?) with the advanced TinyMCE editor:
<script type="text/javascript" src="path/to/js/dojo/dijit/form/ValidationTextBox.js"></script>
<script type="text/javascript" src="path/to/js/tiny_mce/tiny_mce.js"></script>
<div>
<label for="feedback_email">Email address for feedback *</label>
<input type="text" name="feedback_email" id="feedback_email"
dojoType="dijit.form.ValidationTextBox"
regExp="^[a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$"
invalidMessage="Please enter a valid email address."
value="@somewhere.com" />
</div>
<div>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced"
});
</script>
<form method="post" action="somepage">
<textarea name="content" style="width:100%">
</textarea>
</form>
</div>
2. In Internet Explorer 7, enter enough text into the TinyMCE editor to display the vertical scrollbar. Keep your cursor at the bottom of the text area, so that the scrollbar is also at the bottom.
3. Activate (display) the tooltip, then deactivate (hide) the tooltip.
4. Once the tooltip is no longer visible, mouseover the TinyMCE editor - when the mouse pointer leaves the editable area, the scrollbar jumps around erratically, stopping at the top when you stop moving your mouse (even though the cursor itself is still at the bottom of the text area, unseen).