Community
Participate
Working Groups
Steps to reproduce: 1. Start Control Demo -> CompositeTab 2. Select BORDER checkbox 3. Fill "Rounded border" section: for my text I set all fields to 3 and color to green. 4. Press "Rounded border" Set button 5. Now "Background" button has no effect 6. Deselecting the BORDER checkbox and background color appears Tested on Windows, FF 3.6, IE8, Chrome 5 and Safari 4.0.5.
The problem is that GraphicsMixin can not display an image and a color as a background at the same time. Since in css the image is rendered above the color (can be seen with transparent images), the image gets priority. In case of Composite, backgroundImage is set to blank.gif in the default themeing. This is due to bug 299629. Since blank.gif is 100% transparent, the effect is the same as if neither backgroundImage nor backgroundColor were set. (Even though a color is set.) The best solution would be to enable GraphicsMixin to behave like CSS, but that would require more complex changes and a second SVG/VML-element to display both the image and the color. The quicker solution would be to set the image to none and solve 299629 on the client side. The composite should automatically set blank.gif when neither backgroundImage nor backgroundColor are set. Currently, this is prevented by Bug 307216.
Created attachment 163247 [details] fix Sets backgroundImage to none and implements a new fix for 299629. This fix has one known issue: When two composites overlap, and the composite in front has no background (image, color or gradient), AND is changed back and forth between rounded and normal border, it will stop capturing mouse-events in IE. If this is acceptable, we should leave a comment on 299629 after comitting this patch.
Created attachment 163259 [details] corrected patch This is the right one.
Applied patch to CVS HEAD
