RESOLVED CONFIGURATION CHANGED 21693
edit button overlaps the border of status bar because of top margin 
https://bugs.webkit.org/show_bug.cgi?id=21693
Summary edit button overlaps the border of status bar because of top margin
jasneet
Reported 2008-10-16 17:16:44 PDT
I Steps: Login to http://www.orkut.com See "set your status here" bar in center column. II Issue: The edit button is overlapping the border of status bar. III Conclusion: The <div> that contains the button has position:absolute and the top margin is set to 3px. The top margin is what is causing the issue. #sm_edbtn{position:absolute; right:4px; top:3px} In IE, it looks fine because they have an "if" statement in the <head> that specifically adjust the top margin to -1px if the browser is IE. If I set the top margin to say 0px, then the bottom of the button appears as expected. IV Other Browsers: IE7: ok FF3: not ok V Nightly tested: 37604
Attachments
reduced testcase (1.51 KB, application/octet-stream)
2008-10-16 17:17 PDT, jasneet 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
jasneet
Comment 1 2008-10-16 17:17:44 PDT
Created attachment 24443 [details] reduced testcase
Ahmad Saleem
Comment 2 2022-08-31 04:55:12 PDT
I am able to reproduce this bug in Safari Technology Preview 152 but it does happen across all other browsers (Chrome Canary 107 and Firefox Nightly 106) as well and button overlap border of container. I am going to mark this as "RESOLVED CONFIGURATION CHANGED" since all browsers are same.
Note You need to log in before you can comment on or make changes to this bug.