Open Bug 351546 Opened 18 years ago Updated 2 years ago

won't use css color for firstletter after ajax (atlas) update

Categories

(Core :: DOM: Core & HTML, defect, P5)

Product:
Core
Component:
DOM: Core & HTML
Platform:
x86
Windows XP
Type:
defect

Tracking

()

People

(Reporter: massamino, Unassigned)

Details

Attachments

(1 file)

the orange circles point the before and after
105.06 KB, image/png
Details 
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1b2) Gecko/20060821 Firefox/2.0b2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1b2) Gecko/20060821 Firefox/2.0b2

peace of html
<div class="title"><asp:Label ID="lblSiteSelector" runat="server" Text="Select the site you want to alter" /></div>
			<asp:DropDownList ID="cboSiteSelector" runat="server" AutoPostBack="True" OnSelectedIndexChanged="cboSiteSelector_SelectedIndexChanged" />
			
			<atlas:UpdatePanel ID="atlasSiteSelector" runat="server" Mode="Conditional">
				<Triggers>
					<atlas:ControlEventTrigger ControlID="cboSiteSelector" EventName="SelectedIndexChanged" />
				</Triggers>
				<ContentTemplate>
					<asp:Label ID="test" runat="server" />
				</ContentTemplate>
			</atlas:UpdatePanel>

the event changes the label "test" to the corespondenting number in the dropdownlist (filled in code from 1 to 10)

the div style in the file "window.css":
div.title
{
    border-bottom:          1px solid #E0E0E0;
    background-image:       url(../images/h_shadow.png);
    background-repeat:      repeat-x;
    background-position:    bottom;
    cursor:                 default;
    padding-left:           3px;
    padding-right:          3px;
    font-weight:            bold;
    font-size:              10px;
}
div.title:first-letter
{
    color:                  #b1231c;
}

after selecting a number in the dropdown, the first-letter style isn't performed and the letter gets the standard color.

opera 9 does this correct and Internet Explorer doesn't even support ":first-letter" style (IE6)

Reproducible: Always

Steps to Reproduce:
1.open page :)
2.choose an item out of the dropdownlist
3.color disapears
Actual Results:  
color is ignored of the style with ":first-letter"
or the whole thing

Expected Results:  
see a red first letter after using the ajax (atlas) partial page reload
checked version 1.5.* and 2.0beta
Please post peace of "real" HTML (after atlas has worked on it)
Reporter, do you still see this problem with the latest Firefox 2? If not, can you please close this bug as WORKSFORME. Thanks!
Whiteboard: CLOSEME 07/09
Version: unspecified → 2.0 Branch

    
    

    
  
Sorry I did't respond anymore. I don't use my hotmail account much anymore.

yes, I still see the error on the page.


here is the plain html (search for 'Settings for the selected site' to find the div i'm talking about. the CSS is still the same as in the initial post. I removed the viewstateinfo to shorten the message. In the div there is a span, but it's also there when it first loads.

I also attached an image with a before and an after.

So sorry for the late response.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
	Sites
</title><link href="css/Base.css" type="text/css" rel="stylesheet" /><link href="css/Window.css" type="text/css" rel="stylesheet" /><link href="css/Style.css" type="text/css" rel="stylesheet" /><link href="css/Menu.css" type="text/css" rel="stylesheet" /><link href="css/Popup.css" type="text/css" rel="stylesheet" /><link href="css/Piramid.css" type="text/css" rel="stylesheet" /><style type="text/css">
	.atlas__delta { font-family:Lucida Console; }
	.ctl00_UcMenu1_Menu1_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; }
	.ctl00_UcMenu1_Menu1_1 { text-decoration:none; }
	.ctl00_UcMenu1_Menu1_2 {  }
	.ctl00_UcMenu1_Menu1_3 { border-style:none; }
	.ctl00_UcMenu1_Menu1_4 {  }

</style></head>
<body>
	<script language="javasript" type="text/javascript">initToolTips();</script>
	<div id="bg" style="position: absolute; top: 0px; left: 0px; visibility: hidden; display: none; z-index: 100; background-color: #dddddd; opacity: 0.5; filter:alpha(opacity=50);"></div>
	<div id="bg2" style="position: absolute; top: 0px; left: 0px; visibility: hidden; display: none; z-index: 100; background-color: #dddddd; opacity: 0.5; filter:alpha(opacity=50);"></div>
	<div id="toolTipLayer" style="position:absolute; visibility:hidden; left: 0px; top: 0px; z-index:101; width: 250px;"></div>

    <form name="aspnetForm" method="post" action="Site.aspx?ID=19" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/viewstatestring" />
</div>

<script type="text/javascript">
<!--
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
// -->
</script>


<script src="/WebResource.axd?d=b5P1zTIHLZhqRiwecRKH1g2&amp;t=632848692613906250" type="text/javascript"></script>


<script src="/WebResource.axd?d=Rerl_mkU83aVZ2XE0TvxZQ2&amp;t=632848692613906250" type="text/javascript"></script>
<script src="/WebResource.axd?d=code" type="text/javascript"></script>
<script src="/WebResource.axd?d=KPP4KNi0QsZ-fq6qjF5pGY56azwUXvPT-fqnNaolESNLn9HAusGGrByMqduGnL0d3JV0PWPqdkAWJMUPS08hKModl4kR56Jt_MO33Ywc7f01&amp;t=633086879840000000" type="text/javascript"></script>
<script src="atlasglob.axd" type="text/javascript"></script>
		
		<div class="menu">
			
			<!-- Menu -->
			
			<a href="#ctl00_UcMenu1_Menu1_SkipLink"><img alt="Skip Navigation Links" src="/WebResource.axd?d=JYZ7BBMu5Vs8ljAJfCOc7Q2&amp;t=632848692613906250" width="0" height="0" style="border-width:0px;" /></a><table id="ctl00_UcMenu1_Menu1" class="menu ctl00_UcMenu1_Menu1_2" cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_UcMenu1_Menu1n0"><table cellpadding="0" cellspacing="0" border="0" width="100%">

			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_UcMenu1_Menu1_1" href="LogOff.aspx">LogOff</a></td>
			</tr>
		</table></td><td style="width:3px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_UcMenu1_Menu1n1"><table cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_UcMenu1_Menu1_1" href="Default.aspx">Home</a></td>
			</tr>
		</table></td><td style="width:3px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_UcMenu1_Menu1n2"><table cellpadding="0" cellspacing="0" border="0" width="100%">

			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_UcMenu1_Menu1_1" href="SiteSelector.aspx">Site Selector</a></td>
			</tr>
		</table></td><td style="width:3px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_UcMenu1_Menu1n3"><table cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_UcMenu1_Menu1_1" href="Messages.aspx">Messages</a></td>
			</tr>
		</table></td>

	</tr>
</table><a id="ctl00_UcMenu1_Menu1_SkipLink"></a>
			
			<!-- Menu -->
			
		</div>
		<table class="base_table">
			<tr class="base_header">
				
				<td class="base_header">
				
					<!-- Header -->
					
					

					
					<!-- Header -->

				
				</td>
				<td class="base_table_header_right">
					<div class="DarkRed" style="margin-right: 3px; margin-top: 48px; width:100px;" >
						<span id="ctl00_lblTodayDate">25/06/2007</span><br />
						<span id="ctl00_lblUserInfo">(name)</span>
					</div>
				</td>
			</tr>

			
			
			<tr>
				<td class="base_table_body" colspan="2">
					
					<!-- Body -->
					
					
	<table class="window">
	<tr>
		<td class="window_title_left"></td>
		<td class="window_title_bg">
			<span id="ctl00_Body_lblTitle">Sites</span>

		</td>
		<td class="window_title_right"></td>
	</tr>
	<tr>
		<td class="window_top_left"></td>
		<td class="window_top"></td>
		<td class="window_top_right"></td>
	</tr>
	<tr>

		<td class="window_left"></td>
		<td class="window_middle">
		
			<div class="title"></div>
			
			
			<div class="title"><span id="ctl00_Body_lblSiteSettings">Settings for the selected site</span></div>
			<div id="ctl00_Body_atlasSiteSelector">
	
					

<table class="hightrowwithlines" style="width: 100%;">
	<tr>
		<td style="width: 200px"><span id="ctl00_Body_UcSite1_lblDayNr">Day Of Month: </span></td>

		<td><select name="ctl00$Body$UcSite1$ddlDay" onchange="javascript:setTimeout('__doPostBack(\'ctl00$Body$UcSite1$ddlDay\',\'\')', 0)" id="ctl00_Body_UcSite1_ddlDay" class="dropdown">
		<option selected="selected" value="0">Default</option>
		<option value="1">1</option>
		...

	</select></td>
	</tr>
</table>
<br /><br />

<div id="ctl00_Body_UcSite1_upDays">
		
		
		
			<table class="hightrowwithlines" style="width: 100%;">
				<tr>
					<td style="width: 200px">Number</td>
					<td><select name="ctl00$Body$UcSite1$cboPhoneNr" onchange="javascript:setTimeout('__doPostBack(\'ctl00$Body$UcSite1$cboPhoneNr\',\'\')', 0)" id="ctl00_Body_UcSite1_cboPhoneNr" disabled="disabled" class="dropdown">
			<option value="-1">...</option>
			<option selected="selected" value="123">123</option>

		</select></td>
				</tr>
				<tr>
					<td style="width: 200px">Site Url</td>

					<td><input name="ctl00$Body$UcSite1$txtSiteUrl" type="text" value="test" size="50" id="ctl00_Body_UcSite1_txtSiteUrl" class="textbox" /></td>
				</tr>
				<tr>
					<td>Receive Url</td>
					<td><input name="ctl00$Body$UcSite1$txtReceiveUrl" type="text" value="test" size="50" id="ctl00_Body_UcSite1_txtReceiveUrl" class="textbox" /> ?<b>code</b>=xxxxxxx&amp;<b>siteid</b>=x&amp;<b>interval</b>=x</td>

				</tr>
				<tr>
					<td>Login Messages Sequence</td>
					<td>
						

<table>
	<tr>
		<td style="width: 15px; text-align: right; vertical-align: middle;">
			<span id="ctl00_Body_UcSite1_UcMessageSequencer1_ctl00_lblNumber">1</span>

		</td>
		<td style="width: 490px; padding-left:5px; vertical-align:middle;">
			<span id="ctl00_Body_UcSite1_UcMessageSequencer1_ctl00_lblMessage"></span>
			
		</td>
		<td>
			<input type="image" name="ctl00$Body$UcSite1$UcMessageSequencer1$ctl00$btnAction" id="ctl00_Body_UcSite1_UcMessageSequencer1_ctl00_btnAction" src="images/icon_edit.png" style="border-width:0px;" />
		</td>
	</tr>
</table>

					</td>
				</tr>
				<tr>
					<td>Active Message Sequence</td>
					<td>
						

<table>
	<tr>
		<td style="width: 15px; text-align: right; vertical-align: middle;">

			<span id="ctl00_Body_UcSite1_UcMessageSequencer2_ctl00_lblNumber">1</span>
		</td>
		<td style="width: 490px; padding-left:5px; vertical-align:middle;">
			<span id="ctl00_Body_UcSite1_UcMessageSequencer2_ctl00_lblMessage"></span>
			
		</td>
		<td>
			<input type="image" name="ctl00$Body$UcSite1$UcMessageSequencer2$ctl00$btnAction" id="ctl00_Body_UcSite1_UcMessageSequencer2_ctl00_btnAction" src="images/icon_edit.png" style="border-width:0px;" />
		</td>

	</tr>
</table>
					</td>
				</tr>
				<tr>
					<td>Stop Message Sequence</td>
					<td>
						

<table>
	<tr>

		<td style="width: 15px; text-align: right; vertical-align: middle;">
			<span id="ctl00_Body_UcSite1_UcMessageSequencer3_ctl00_lblNumber">1</span>
		</td>
		<td style="width: 490px; padding-left:5px; vertical-align:middle;">
			<span id="ctl00_Body_UcSite1_UcMessageSequencer3_ctl00_lblMessage"></span>
			
		</td>
		<td>
			<input type="image" name="ctl00$Body$UcSite1$UcMessageSequencer3$ctl00$btnAction" id="ctl00_Body_UcSite1_UcMessageSequencer3_ctl00_btnAction" src="images/icon_edit.png" style="border-width:0px;" />

		</td>
	</tr>
</table>
					</td>
				</tr>
				<tr>
					<td>Active Interval</td>
					<td><select name="ctl00$Body$UcSite1$cboInterval" id="ctl00_Body_UcSite1_cboInterval" class="dropdown">
			<option value="-1">...</option>

			<option value="0">0 (geen interval)</option>
			<option selected="selected" value="1">1</option>

		</select> Days</td>
				</tr>
				<tr>
					<td>Shortcode</td>

					<td>
						<input name="ctl00$Body$UcSite1$UcShortCodeControl1$txtShortCode" type="text" value="test" id="ctl00_Body_UcSite1_UcShortCodeControl1_txtShortCode" class="textbox" />
<input type="submit" name="ctl00$Body$UcSite1$UcShortCodeControl1$btnCheckKeyword" value="Check" id="ctl00_Body_UcSite1_UcShortCodeControl1_btnCheckKeyword" class="button" />



<div id="ctl00_Body_UcSite1_UcShortCodeControl1_atlasCheckInput">
			
		<span id="ctl00_Body_UcSite1_UcShortCodeControl1_lblShortCodeExists">Existing alike keywords: <br /> - (Current keyword) test<br /></span>
	
		</div>

					
					</td>
				</tr>
			</table>
			
			
		
	</div>

<input type="submit" name="ctl00$Body$UcSite1$btnSave" value="Save" id="ctl00_Body_UcSite1_btnSave" class="button" />
<span id="ctl00_Body_UcSite1_lblError"></span>
<br />

				

</div>
		</td>
		<td class="window_right"></td>
	</tr>
	<tr>
		<td class="window_bottom_left"></td>
		<td class="window_bottom"></td>
		<td class="window_bottom_right"></td>
	</tr>

</table>

	

					
					<!-- Body -->
					
				</td>
			</tr>
			
			
			<tr>
				<td colspan="2">
					<table class="base_table_footer">
						<tr>
							<td class="base_table_footer_left"></td>

							<td class="base_table_footer">
								<div style="padding-bottom: 3px;">
									<span id="ctl00_lblFooter">2007&copy; (companyname)</span>
								</div>
							</td>
						</tr>
					</table>

				</td>
			</tr>
		</table>
    
<div>

	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/stuff....==" />
</div>

<script type="text/javascript">
<!--
var ctl00_UcMenu1_Menu1_Data = new Object();
ctl00_UcMenu1_Menu1_Data.disappearAfter = 500;
ctl00_UcMenu1_Menu1_Data.horizontalOffset = 0;
ctl00_UcMenu1_Menu1_Data.verticalOffset = 0;
// -->
</script>
<script type="text/xml-script">
<page xmlns:script="http://schemas.microsoft.com/xml-script/2005">
  <components>
    <pageRequestManager id="_PageRequestManager" updatePanelIDs="ctl00$Body$atlasSiteSelector,ctl00$Body$UcSite1$upDays,ctl00$Body$UcSite1$UcShortCodeControl1$atlasCheckInput" asyncPostbackControlIDs="ctl00_Body_cboSiteSelector,ctl00_Body_UcSite1_ddlDay,ctl00_Body_UcSite1_UcShortCodeControl1_tmrCheck,ctl00_Body_UcSite1_UcShortCodeControl1_txtShortCode,ctl00_Body_UcSite1_UcShortCodeControl1_btnCheckKeyword" scriptManagerID="ctl00$scriptManager1" form="aspnetForm" />
  </components>
</page></script>

<script type="text/javascript">
</script>
</form>
</body>
</html>


    
  

        Attachment #269655 -
        Attachment description: the green circles point the before and after → the orange circles point the before and after

    
    

    
  
Could you also please test a trunk build?
- http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/

Thanks!

    
    

    
  
OK, I tried that build, but it doesn't change the rendering. It still changes color back to that of the rest of the text. Also a new problem arises. when looking to massamino.be in 2.x and 3.0APre6, the 2.0 renders the layout like it is suposed (full width), and the 3.x doesn't. It cuts of for some unknown reason. Maybe it's my fault, but it worked in 2.x.

    
    

    
  
per Comment #7 -> Confirmed
Status: UNCONFIRMED → NEW
Component: General → DOM
Ever confirmed: true
Product: Firefox → Core
QA Contact: general → general
Whiteboard: CLOSEME 07/09
Version: 2.0 Branch → Trunk

    
    

    
  
https://bugzilla.mozilla.org/show_bug.cgi?id=1472046

Move all DOM bugs that haven’t been updated in more than 3 years and has no one currently assigned to P5.

If you have questions, please contact :mdaly.
Priority: -- → P5
Component: DOM → DOM: Core & HTML

    
  
Severity: minor → S4

          You need to log in
          before you can comment on or make changes to this bug.
        






  

    
  







  

    

      
Attachment

      

      
      
      
      
    

    

      

        

          

            
General

            

              Creator: 



            

            
Created: 

            
Updated: 

            
Size: