YUI 3

Ticket #2528708 (closed defect)

Reporter


rasamassen 		Opened: 03/22/10
Last modified: 12/5/11
Status: closed
Type: defect
Resolution: expired

Owner


Matt Sweeney 		Target Release: 3.NEXT
Priority: P3 (normal)
Summary: Issues with quotes : reset.css / base.css and blockquote / q
Description:

Issues with quotes:
reset.css does not remove quotes around blockquote on all browsers.
base.css does not insert quotes for blockquote or q (debatable if blockquote needs quotes - see references below).

Results of test cases in latest version of major browsers:
FF, IE, and O put quotes around the blockquote when using reset.css, but Chrome and Safari don't. None put quotes around q as expected.
base.css does not add quotes back to either blockquote or q (and, as a result, doesn't address nested quotes) in any browser.

References:
http://monc.se/kitchen/129/rendering-quotes-with-css
(which references http://www.w3.org/TR/html401/struct/text.html#h-9.2.2.1, however compare with http://www.w3.org/TR/html-markup/blockquote.html and http://www.w3.org/TR/html-markup/q.html)
http://www.paulchaplin.com/blog/css-reset-and-quirky-quotes
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29#Properties => "quotes" and "content"
Type: defect Observed in Version: 3.0.0
Component: CSS Base Severity: S3 (normal)
Assigned To: Matt Sweeney Target Release: 3.NEXT
Location: Library Code Priority: P3 (normal)
Tags: Relates To:
Browsers: N/A
URL:
Test Information:

<p>CASE 1:</p>
<p>This is <q>a single quote.</q></p>
<p>CASE 2:</p>
<blockquote><p>This is a blockquote.</p></blockquote>
<p>CASE 3:</p>
<p>This is <q>a quote with <q>a quote inside.</q></q></p>
<p>CASE 4:</p>
<blockquote><p>This is a blockquote with <q>a quote inside.</q></p></blockquote>
<p>CASE 5:</p>
<blockquote><p>This is a blockquote.</p>
<p>Plus a second paragraph.</p></blockquote>

Change History

rasamassen
Posted: 03/22/10

Sorry, I mis-spoke. There are no issues with quotes on reset.css. I accidentally was using an extra stylesheet.

Thus, results of test cases in latest version of major browsers:
base.css does not add quotes back to either blockquote or q (and, as a result, doesn't address nested quotes) in any browser.

rasamassen
Posted: 03/22/10

See also http://www.w3.org/TR/css3-content/#specifying

A solution that I found works in all modern browsers except IE (only fails on closing the blockquote):
blockquote, q { quotes: '201C' '201D' '2018' '2019'; }
q:before { content: '201C'; content: open-quote; }
q:after { content: '201D'; content: close-quote; }
blockquote *:before { content: '201C'; content: open-quote;}
blockquote *:after { content: ''; content: no-close-quote;}
blockquote *:last-child:after { content: '201D'; content: close-quote;}
blockquote q:before { content: '2018'; content: open-quote;}
blockquote q:after { content: '2019'; content: close-quote;}

Of course, this assumes English quotes.

Matt Sweeney

YUI Developer
Posted: 03/25/10
  • keywords changed to ]
  • location changed to Library Code
  • milestone changed to 3.2.0
  • priority changed to P3 (normal)
  • status changed from new to accepted

Matt Sweeney

YUI Developer
Posted: 03/25/10
  • keywords changed from ]

Matt Sweeney

YUI Developer
Posted: 07/1/10
  • milestone changed from 3.2.0 to 3.3.0

Matt Sweeney

YUI Developer
Posted: 10/22/10
  • milestone changed from 3.3.0 to 3.NEXT

Jenny Donnelly

YUI Developer
Posted: 11/30/11

Resolving as "expired" due to lack of activity. Please feel free to reopen if this issue is still important to you.

Jenny Donnelly

YUI Developer
Posted: 12/5/11
  • resolution changed to expired
  • status changed from accepted to closed

© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info