Wrong layout calculation with matching @media in CSS

Originator:samnung
Number:rdar://16693927 Date Originated:23-Apr-2014 02:20
Status:Open Resolved:
Product:iBooks Product Version:3.2
Classification:Serious Bug Reproducible:Always
 
Summary:
There is a problem with calculation of layout when the CSS has media queries with width on div, that contains image.

When I set specific font size in iBooks that matches that query, then the image gets size from normal styles, layout is saved, and after that is applied media query rules and no update of layout. That leads the text is shifted and some lines are hidden (out of the frame of web view).

Some users which bought this book are disappointed. That is bad.

Steps to Reproduce:
1. Upload book (Apple ID: 647932270) to iBooks on iPad.
- Select Original font
- 7 times tap for larger font (maybe 8 times)
- Rotate iPad to landscape
2. Go to page 30-31
3. And go to next page

Expected Results:
Update layout after applying rules from media queries, so no text is hidden.

Actual Results:
Some lines are hidden

Version:
iBooks version: 3.2
iOS 7.1 (11D167)

Notes:
In image there is red lines, that should highlight skipped text.
I enclosed the source of book in case you cannot download from store :)

To eliminate this bug I have to remove media queries and the book will look bad. At specific font sizes.

Configuration:
iPad, Landscape

Attachments:
'ibooks_bug_image.jpg' and 'konec_prokrastinace6.epub' were successfully uploaded.

Comments


Please note: Reports posted here will not necessarily be seen by Apple. All problems should be submitted at bugreport.apple.com before they are posted here. Please only post information for Radars that you have filed yourself, and please do not include Apple confidential information in your posts. Thank you!