[Webkit-unassigned] [Bug 22089] Setting overflow on element adjacent to right float makes the element become way smaller

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Nov 5 16:13:12 PST 2008


https://bugs.webkit.org/show_bug.cgi?id=22089





------- Comment #3 from tim at timmolendijk.nl  2008-11-05 16:13 PDT -------
(From update of attachment 24923)
><!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
><HTML lang="nl-NL" xml:lang="nl-NL"><HEAD>
>
>
>
>	
>		<META content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
>		
>		<TITLE>Screen adaptation test</TITLE>
>		
>		<STYLE type="text/css">
>			html {
>				overflow-y: hidden;
>			}
>			
>			body,
>			div,
>			ol,
>			ul,
>			li,
>			a,
>			span,
>			p,
>			img,
>			table,
>			tbody,
>			tr,
>			th,
>			td,
>			form,
>			h1,
>			h2,
>			h3,
>			h4,
>			h5,
>			h6 {
>			  margin: 0;
>			  padding: 0;
>			  border-style: none;
>			  color: inherit;
>			  text-decoration: inherit;
>			  border-width: 0;
>			}
>			
>		</STYLE>
>		<SCRIPT type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"/>
>		<SCRIPT type="text/javascript">
>			//<![CDATA[
>			jQuery(function($) {
>				$('.set-overflow').click(function() {
>					$('#main').css('overflow-y', $(this).text());
>				});
>			});
>			//]]>
>		</SCRIPT>
>	</HEAD><BODY style="min-width: 50em;">
>		<DIV style="float: right; width: 15em; height: 300px; background-color: green;" id="side">
>			Right-floating, fixed-height div.<BR/>
>			<BR/>
>			Set 'overflow-y' to the list to the left:
>			<BUTTON class="set-overflow">auto</BUTTON>
>			<BUTTON class="set-overflow">hidden</BUTTON>
>			<BUTTON class="set-overflow">scroll</BUTTON>
>			<BUTTON class="set-overflow">visible</BUTTON>
>		</DIV>
>		<DIV style="height: 300px; margin-right: 15em; background-color: yellow; overflow-y: visible;" id="main">
>			Non-floating, fixed-height div.<BR/>
>			<BR/>
>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum
>viverra feugiat magna. Aliquam eget erat at metus elementum sagittis.
>Fusce ultricies, enim id laoreet tempus, urna ipsum auctor ipsum, vitae
>convallis augue lectus eu purus. Phasellus cursus lacus quis orci.
>Maecenas gravida, mauris nec pretium porttitor, purus orci dignissim
>felis, et vestibulum nulla ipsum laoreet lectus. Sed quam tellus,
>bibendum vitae, lobortis ut, tempus vel, nunc. Nam vitae nisl.
>Suspendisse lacinia leo. Phasellus tristique elementum odio.
>Pellentesque habitant morbi tristique senectus et netus et malesuada
>fames ac turpis egestas. Ut a metus. Nulla eget dui et purus aliquet
>feugiat. Ut aliquam dignissim dolor. Aliquam consequat, magna eu
>tristique tincidunt, orci lacus pulvinar sapien, vitae accumsan arcu
>neque a orci. Quisque sem nisi, molestie et, pellentesque in, faucibus
>scelerisque, ligula. Fusce et libero in leo posuere viverra. Fusce non
>erat et ante interdum aliquet. Nam aliquam. Aliquam luctus nisl nec
>tellus. Nunc venenatis risus nec neque. In eu dui vulputate nulla
>ullamcorper varius. Quisque urna. Sed est odio, imperdiet id, imperdiet
>ut, gravida in, magna. Sed auctor vestibulum velit. Cum sociis natoque
>penatibus et magnis dis parturient montes, nascetur ridiculus mus. In
>eget dui. Nam rutrum mi in nisi. Vivamus ac sem facilisis ipsum
>fringilla tincidunt. Phasellus tempor suscipit odio. Vestibulum congue
>hendrerit urna. Donec suscipit enim sit amet lacus. Suspendisse
>potenti. Ut elit justo, laoreet at, pharetra in, tempor quis, odio. Ut
>tempor, augue vitae lacinia ultrices, lectus enim lacinia dolor, at
>ultrices diam odio at justo. Vivamus varius, tellus ac fringilla
>dapibus, augue sem dictum sapien, sit amet porttitor est eros in ante.
>Integer ultrices lorem et massa. Lorem ipsum dolor sit amet,
>consectetuer adipiscing elit. Phasellus lobortis lacus sit amet pede.
>Nunc condimentum mi ut magna. Nam eu arcu luctus massa varius accumsan.
>Pellentesque habitant morbi tristique senectus et netus et malesuada
>fames ac turpis egestas. Cras convallis risus. Phasellus condimentum
>augue consequat urna. Integer turpis orci, faucibus eu, egestas sit
>amet, rhoncus sit amet, mi. Aenean vel magna. Pellentesque non ipsum.
>Vivamus vitae lectus. Etiam fermentum volutpat odio. Phasellus
>pellentesque massa quis dui. Mauris sagittis sem a elit. Proin a orci
>id leo faucibus rhoncus. Mauris ullamcorper, quam et bibendum
>sollicitudin, enim nulla dignissim justo, in accumsan ante nisl aliquet
>augue. Vivamus semper lacus ut sapien. Aenean lobortis pulvinar sem.
>Aenean vel elit. Phasellus tempus ipsum. Donec mattis, enim in laoreet
>mattis, felis massa dictum urna, sit amet pharetra odio tellus eget
>purus. Nunc turpis. Sed tortor justo, varius non, elementum et,
>molestie auctor, augue. Fusce id lacus ut quam suscipit sollicitudin.
>Fusce lectus lorem, eleifend et, laoreet eleifend, ultrices quis, urna.
>Nullam cursus, nisl vel vulputate gravida, ipsum nibh fringilla arcu, a
>vehicula elit tortor pretium nisl. Pellentesque in ligula. Quisque
>hendrerit tellus eu augue. Cras eget arcu vel neque feugiat pulvinar.
>Phasellus quam turpis, euismod vel, venenatis ac, eleifend malesuada,
>ligula. Sed nec lacus. Cras ligula lacus, consectetuer eu, convallis
>id, imperdiet in, metus. Fusce elementum aliquam eros. Suspendisse non
>ligula. In hac habitasse platea dictumst. </DIV>
>	</BODY></HTML>


-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.



More information about the webkit-unassigned mailing list