Opened 9 years ago
Closed 4 years ago
#12233 closed defect (patchwelcome)
Tooltip: position wrong with body position: relative + margin: auto
| Reported by: | bucky | Owned by: | |
|---|---|---|---|
| Priority: | low | Milestone: | 1.13 |
| Component: | Dijit | Version: | 1.5 |
| Keywords: | Cc: | ||
| Blocked By: | Blocking: |
Description
I often like to set a width on the <body> element, plus position: relative, plus margin:auto to create a centered layout.
Under those circumstances, I've noticed tooltips end up being in the wrong position.
The workaround is straightforward and fairly simple, but it would be nice if a workaround were unnecessary.
Attachments (2)
Change History (6)
Changed 9 years ago by
| Attachment: | margins.html added |
|---|
Changed 9 years ago by
| Attachment: | margins-workaround.html added |
|---|
Simple HTML demonstrating workaround
comment:1 Changed 9 years ago by
PS: View issue by viewing example page, and make sure that the browser window is wide enough so that there is a left margin on the page content.
Trigger ValidationTextBox? tooltip by leaving box blank, and then blur and focus the text box.
The tooltip will be too far to the right by a distance that seems to be equal to the left margin.
I see the issue in the current stable versions of Firefox (3.6.13) and Chrome (8.0.552.237)
comment:2 Changed 9 years ago by
| Component: | General → Dijit |
|---|---|
| Owner: | anonymous deleted |
comment:3 Changed 7 years ago by
| Milestone: | tbd → future |
|---|---|
| Summary: | Tooltop position wrong with body position: relative + margin: auto → Tooltip: position wrong with body position: relative + margin: auto |
comment:4 Changed 4 years ago by
| Milestone: | future → 1.12 |
|---|---|
| Resolution: | → patchwelcome |
| Status: | new → closed |
Given that no one has shown interest in creating a patch in the past 4+ years, I'm closing this as patchwelcome.
Simple HTML demonstrating issue