summary:before leads to bad rendering of details

UNCONFIRMED
Unassigned

Status

()

Core
Layout
P3
normal
UNCONFIRMED
a year ago
7 months ago

People

(Reporter: gessos.paul, Unassigned)

Tracking

49 Branch
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

a year ago
Created attachment 8801487 [details]
1.html

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:49.0) Gecko/20100101 Firefox/49.0
Build ID: 20160922113459

Steps to reproduce:

A <summary> with a CSS summary:before { position: relative; top: -5px; display:block; content: " " }

Check the attachment with different browsers.


Actual results:

Small arrow ► of <details> appear above of <summary>


Expected results:

Small arrow ► of <details> appear left of <summary>, as webkit browsers do.
(Reporter)

Comment 1

a year ago
Basically, the described method is used for gradient borders.

Updated

a year ago
Component: Untriaged → Layout
Product: Firefox → Core

Updated

7 months ago
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.