Bug 170654 - IOS 10.3, Text Align Justify CSS, making the RTL text overflow of the container
Summary: IOS 10.3, Text Align Justify CSS, making the RTL text overflow of the container
Status: RESOLVED DUPLICATE of bug 170399
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 10
Hardware: Unspecified iOS 10
: P2 Critical
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2017-04-09 07:18 PDT by Mohamed Hussain S H
Modified: 2017-04-10 08:45 PDT (History)
6 users (show)

See Also:


Attachments
Issue in IOS 10.3 with text-align:justify (301.81 KB, image/png)
2017-04-09 07:18 PDT, Mohamed Hussain S H
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Mohamed Hussain S H 2017-04-09 07:18:07 PDT
Created attachment 306621 [details]
Issue in IOS 10.3 with text-align:justify

Open the page http://codepen.io/shmdhussain/pen/dvxoNy?editors=1100 in IOS 10.3 Safari
In the Page, I used paragraph with RTL texts and used justify alignment using css property text-align: justify
In Safari 10.3 text is overflowing, looks like breaking the layout see the screenshot - 1 below
In all the previous versions of IOS safari prior to 10.3 is working fine see the screenshot - 2 below
When text:align:right is used in IOS 10.3 page is working fine, see this page http://codepen.io/shmdhussain/pen/aJeOVr see screenshot-3 below

See this Code Pen http://codepen.io/shmdhussain/pen/jBgPzx for More Detailed Info About this Bug
Comment 1 Radar WebKit Bug Importer 2017-04-09 09:42:33 PDT
<rdar://problem/31523736>
Comment 2 Jon Lee 2017-04-10 08:45:56 PDT

*** This bug has been marked as a duplicate of bug 170399 ***