Opened 11 years ago
Last modified 11 years ago
#11538 confirmed Bug
Flying option menu when anchor present in URL
| Reported by: | Aldo Sarmiento | Owned by: | |
|---|---|---|---|
| Priority: | Normal | Milestone: | |
| Component: | UI : Context Menu | Version: | 4.0 Beta |
| Keywords: | Blink Webkit | Cc: |
Description
Steps to reproduce:
- Visit a url where it ends with a # and you have a ckeditor instance (e.g. www.example.com#)
- Click on a menu option that has a flyout menu (e.g. fonts)
Result: You'll see that the flyout gets anchored to the top of the page Note: This only happens the first time you click on the option for flyout. All subsequent clicks anchor the flyout correctly.
This happens with barebones install of ckeditor 4.0+ & usage of CKEDITOR.replace
My environment:
- OSX 10.8.5
- Chrome 32.0.1700.102
Attachments (2)
Change History (8)
Changed 11 years ago by
| Attachment: | Screen Shot 2014-02-06 at 12.09.50 PM.png added |
|---|
comment:1 Changed 11 years ago by
| Status: | new → confirmed |
|---|
Changed 11 years ago by
| Attachment: | 11538.html added |
|---|
comment:2 Changed 11 years ago by
The screenshot used a fixed container, but I also did it in a regular block div:
<body> <div style='height: 500px'>blah</div> <div> <textarea id='message' /> </div> </body>
comment:3 Changed 11 years ago by
| Keywords: | Blink Webkit added |
|---|---|
| Version: | → 4.3 |
I was able to reproduce this problem from CKEditor 4.3 in blink and Webkit Browsers.
comment:4 Changed 11 years ago by
Strange about 4.3. I cannot think about anything we changed what could affect floating panels. Bisect will help.
comment:5 Changed 11 years ago by
| Version: | 4.3 → 4.0 |
|---|
I was right. This issue can be reproduced from 4.0 and perhaps even 3.x.
comment:6 Changed 11 years ago by
| Version: | 4.0 → 4.0 Beta |
|---|
You are right. Problem can be reproduced from CKEditor 4.0 beta in Blink and Webkit.
I wasn't able to reproduce this because I was missing one step in my TC:
- Visit a url where it ends with a # and you have a ckeditor instance (e.g. ww.example.com#)
- Scroll entire page down or up
- Click on a menu option that has a flyout menu (e.g. fonts)
Adding '#' to URL is not enough. It turned out that two factors are required - hash and fixed container. See 11538.html. Additionally, I was able to reproduce this issue only on Chrome, so it's Blink/Webkit specific. Most likely browser bug.