Bug 18272

Summary: Selection marks more than its span boundary because of outer <div> width and inner <div> positioning
Product: WebKit Reporter: jasneet <jasneet>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ap, ddkilzer, dkdean, hyatt, jasneet, mitz
Priority: P2 Keywords: HasReduction, InRadar
Version: 420+   
Hardware: All   
OS: All   
URL: http://english.usvishakh.net/blog/
Attachments:
Description Flags
screenshot
none
reduction
none
screenshot
none
screenshot
none
screenshot none

Description jasneet 2008-04-01 18:34:01 PDT
I Steps:
Go to 
http://english.usvishakh.net/blog/

II Issue:
Select the text of the blog article. Selection marks more than user intends to do.

III Conclusion:
The outer <div> (which has a class=post-container) that contains the text has a width of 100%. Since the navigation on left  (i.e. Fun, Jokes, etc) is positioned inside of that <div>, the left navigation text also gets selected when the contents of the post-container <div> is selected.  See the 1st case in the attached reduction.

In the 2nd testcase(attached reduction), I reduced the width of post-container <div> to 85% so the <div> that contains the left navigation is not enclosed in it. This works in Safari

IV Other browsers:
IE7: ok
FF3: ok
Opera9.24: ok

V Nightly tested: 31446
Comment 1 jasneet 2008-04-01 18:34:18 PDT
Created attachment 20285 [details]
screenshot
Comment 2 jasneet 2008-04-01 18:34:44 PDT
Created attachment 20286 [details]
reduction
Comment 3 David Kilzer (:ddkilzer) 2008-06-16 12:54:16 PDT
Confirmed.  Also happens when selecting text in <http://webkit.org/blog/>.

Comment 4 David Kilzer (:ddkilzer) 2008-06-16 12:57:38 PDT
<rdar://problem/6012355>
Comment 5 David Kilzer (:ddkilzer) 2008-06-16 12:59:29 PDT
Note that selection works as expected in Firefox 2.0.0.x.
Comment 6 David Kilzer (:ddkilzer) 2008-06-16 13:03:05 PDT
I changed the version field back to 420+ since this bug reproduces on Safari 2.0.4 on Mac OS X 10.4.11 with its original WebKit.  Thus it is not a regression.

Comment 7 David K. Dean 2008-06-24 13:28:17 PDT
This also happens on http://daringfireball.net and and http://macrumors.com.
Comment 8 David K. Dean 2008-06-24 21:45:32 PDT
Created attachment 21922 [details]
screenshot

Screenshot from daringfireball.net showing text selection problem.
Comment 9 David K. Dean 2008-06-25 08:59:53 PDT
Created attachment 21931 [details]
screenshot

1 more screenshot showing slightly different behavior on www.macrumors.com. This is from Safari for Windows 3.1.2.
Comment 10 David K. Dean 2008-06-25 09:03:00 PDT
This problem happens in both Safari 3.1.1 for Mac OS X and Safari 3.1.x for Windows XP. Firefox 3 (for both Mac OS X or Windows XP) nor Camino 1.6.1 have this issue. They both properly select only the text and the selection stays within the <div> you are trying to select.
Comment 11 David K. Dean 2008-06-26 13:39:05 PDT
Created attachment 21960 [details]
screenshot