Opera Browser Wiki : Opera7CSSIssues

Opera 7 and CSS

Summary: This page is intended to hold links / descriptions of active CSS bugs in the rendering engine of Opera. It is split into two sections (bugs & other issues). If you want to write about a new bug (many hands making light work), just click on ‘the EYE’ to edit the page (see FormattingRules to see how to format the text). Before posting a bug here, report it to the Opera Bug Tracking System (or make sure someone else has already).

BUGS

Also See Collection of bugs in Opera - G. Talbot's Opera 10 bugs collections - Bugs and Other Issues

Pseudo-class/element bugs (mostly :hover)

• Outline on :hover Bug Problems with outline generated through a :hover pseudo-class. In this example, some position:fixed divs have :hovers placed on them. The top and bottom divs (ants) have an outline that fails to render properly.
• :hover, justification and whitespace - Shows that Opera misapplies hover formatting when there is whitespace in a link within justified text.
• dt:hover + dd - selector does not work.
• Linebreak and :hover Bug - The links fail to render properly due to hard linebreaks between links.
• :hover and specified width - CSS ‘popup’ effects (with :hover pseudo-class) on nested boxes may cause Opera7 to only partially display the inner boxes if the outer box has an explicit width.
• Pseudo-class Font Problem - Showing font display errors by misapplying pseudo-class elements.
• CSS/Edge Menu - There are some subtle Opera related issues here. See here for further discussion.
• :first-line and :first-letter - In the fourth test on this page, Opera does not apply :first-line or :first-letter styles to non-inline descendants of the selected element.
• :first-letter and inline-block - Opera fails to apply :first-letter on an inline-block.
• :first-line and fixed backgrounds - fixed background images scroll in :first-line elements when they shouldn’t.

Overflow Problems

• Overflow:auto Doesn’t work when Max-height declared - The vertical scrollbar fails to show up only when max-height is declared
• Text hidden by overflow cannot be selected by dragging the mouse - if it is hidden behind the right or bottom border of the overflowed CSS box.
• Keyboard or mousewheel scrolling is disabled in blocks with overflow:auto - See also here for a good example: the Uru news site

Box Model / Positioning Errors

• Empty Cells Not rendering correctly - tables with empty-cells: hide; set don’t render correctly (bug-129573).
• Border-Collapse - the last two tables on this page fails to collapse the right border.
• Position: Fixed bug - Unspecified position doesn’t cause correct static placement.
• Margin Issue - The margin between the two DIVS should collapse, but it doesn’t.
• Inline-block bugs - Two bugs with the newly-supported display: inline-block property.
• Relative positioning of overlapping elements - Ordering of overlapping divs and content is wrong.
• Re-adjustment of Vertical Position on Resize - Resizing the window allows the absolutely positioned box to adjust horizonatally, but not vertically (see here for more info).
• Horizontal Margins Computation - Horizontal margins set to auto are not computed properly when the box overflows.
• http://www.hoogi.de/lutz-peter/extern/Opera/test11.html - Replaced inline element increases line-height of following line-boxes if ‘vertical-align’ is either ‘bottom’ or ‘top’ .
• Absolute Width - Box should expand according to CSS2.1 spec.
• Gaps At Bottom of DIVs - I’ve found new behavior regarding percentage heights of replaced objects within a sized DIV, with gaps appearing below the object.
• Wrapping of display:inline elements causes rendering to ‘ghost - Resize the window small enough so that the buttons wrap - the text ghosts to the right.
• Floats stretch containing boxes if a width is set on the container.
• Nested box bug - The height of an element is computed incorrectly if set as a percentage and it’s container has any vertical border/padding.
• Floats positioning rule 5 not honored - A float should not be higher than earlier ones: rule not honored.

Font Control

• Links lose underlines - When the display property is set on links, they lose the default underline style.
• Link problems with nowrap and monospace - Links fail to display properly when white-space: nowrap and font-family: monospace are specified.

Other Problems

• Generated content and backgrounds - Opera V7.2beta1 fails to apply background, and instead inherits it from body.
• Redraw bug when a position:fixed div overlies an edit box - Resize this page so that there is a horizontal scroll bar, then scroll down so the edit box is under the fixed top-header, then scroll the edit box.
• Generated content - Shows that Opera wrongly assigns a broken image to generated content it doesn’t support.
• Simple cascading bug - #id el selector is more specific than el #id
• http://koti.mbnet.fi/~villes/temp/sstest1.php - The functioning of stylesheets and alternative stylesheets depends on the order of which they are defined.

OTHER STUFF

• Box Model - Opera implements the CSS3 property to configure which box-model to use (W3C or MS version), and switches its initial value depending on DocType - OperaQuirksMode (for full discussion see here)
• Opera 7 susceptible to several new CSS hiding hacks - I suppose these are bugs, although CSS hacks can be very useful in the real world. See also the Star-7 Hack (which is not valid mark-up) to hide CSS from all versions of Opera. This is a a hack that exploits a bug in Mozilla. Opera should not try to emulate this bug.

RESOURCES

• Google Groups search for CSS in all Opera newsgroups
• Opera 7 CSS Standards Support
• CSS2 Compliance Table - Opera 7 is currently in first place (actually it is 1/2point below its real score because the page has no DocType and so Opera triggers OperaQuirksMode and fails on an overflow test)
• Meyerweb CSS2 Testing Suite - Test suite of CSS2 compliance.
• Table of Compliance for the CSS2 Testing Suite - Quickly check which of Eric Meyers tests are broken, need querying.
• David Baron CSS Tests - More CSS tests.
• Hixie’s CSS Compliance Tests - Varied tests checking CSS compliance.
• CSS Hacks for Various Browsers
• CSS2.1 Hotlist Panel - Save as bookmark and click ‘Show in Hotlist’
• CSS2.0 Hotlist Panel - Save as bookmark and click ‘Show in Hotlist’
• CSS2.0 Hotlist Panel - local version - Includes the CSS2 spec and the above panel with modified paths, allowing for use off-line.
• CSSWiki:FrontPage - The CSS wiki for the css-discuss list
• Opera7CSSPossibleBugs - links to test cases that haven’t been confirmed yet.
• Opera7FixedCSSBugs - Bigs fixed in Various builds

Backlinks

1. Opera7
2. Opera7CSSPossibleBugs
3. Opera7UserInterface
4. OperaQuirksMode

Categories

CategoryOpera

Comments [Hide comments/form]

Add a comment to this page (use wiki formatting if needed, no HTML/BBCode please). Only registered users can submit links, your comment will be deleted otherwise: