#17418 closed defect (fixed)
ScrollablePane round corners are not correctly displayed on IE10+ and Firefox
| Reported by: | Sebastien Brunot | Owned by: | |
|---|---|---|---|
| Priority: | undecided | Milestone: | 1.10 |
| Component: | DojoX Mobile | Version: | 1.9.1 |
| Keywords: | Cc: | ||
| Blocked By: | Blocking: |
Description
See the attached picture of the test page dojox/mobile/tests/test_ScrollablePane-mask.html displayed on IE11.
The problem is related to the SVG mask created in IE and firefox to display round corners.
Attachments (1)
Change History (6)
Changed 7 years ago by
| Attachment: | screenshot.png added |
|---|
comment:1 Changed 7 years ago by
comment:2 Changed 7 years ago by
The workaround is to set parseOnLoad to false, and to trigger the parse inside dojo/ready:
ready(function(){
parser.parse();
});
comment:3 Changed 7 years ago by
A pull request has been created for a fix under IBM CCLA: https://github.com/dojo/dojox/pull/33
Version 0, edited 7 years ago
by
(next)
comment:4 Changed 7 years ago by
| Owner: | set to Adrian Vasiliu <vas[email protected]…> |
|---|---|
| Resolution: | → fixed |
| Status: | new → closed |
comment:5 Changed 7 years ago by
| Milestone: | tbd → 1.10 |
|---|
Note: See
TracTickets for help on using
tickets.
The problem is that the _maskUtils.createRoundMask method is not retrieving the correct background color of the body element when running (it retrieves 'transparent' instead of the expected rgb(197, 204, 211) value. As a consequence, the stoke and fill color for the rgb mask has the incorrect value 'undefined'.
The color is not retrieved because the CSS class mblBackground has not yet been applied to the body element when the _maskUtils.createRoundMask method is executed.