Cursor stays as a vertical bar after leaving text field and I can't submit form

RESOLVED WORKSFORME

Status

Camino Graveyard
HTML Form Controls
RESOLVED WORKSFORME
13 years ago
13 years ago

People

(Reporter: theseum, Assigned: Mike Pinkerton (not reading bugmail))

Tracking

Details

(URL)

(Reporter)

Description

13 years ago
User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.2) Gecko/20040825 Camino/0.8.1
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.2) Gecko/20040825 Camino/0.8.1

The page in question uses an input field that is inside of a div that is
initially set to display: none; in css and then later made visible with
document.getElementById('editblock'+id).style.display = "block";...

the problem is that when I leave the text field the cursor remains the  text
editing vertical line and when I try to click "submit", the blinking bar appears
at the bottom of the field (there is no text there) and doesn't click the button.

I'm not really sure exactly what the problem is...  when I press entert the
blinking line moves down to the next text field (on another form a couple divs
away) and then I can click submit.

To get the actualy page you would need to be a member of the site I linked to
and make a post so that the edit option would appear... I will also post the
HTML source so hopefully that will be useful.

PS: This problem doesn't happen in  Firefox 1.0, haven't tested any other
mozilla browsers but I don't think it happens in non-mozilla browsers.

HTML source of page:
--------------------
	<!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" xml:lang="en" lang="en">
	<head>
		<title>Yay Hooray!  &raquo; Need artwork for house. Suggestions?</title>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
		<meta name="author" content="The Jakes and Shane" />
		<meta name="keywords" content="Yay Hooray" />
		<meta name="description" content="Started back in 2001, YH was built by the
skinnyCorp team as an experiment in online community.  Originally, YH was built
to manage itself through a level system that allowed users to earn
administration responsibilities.  Then it evolved into a point system. With JBA,
rather than administering the actual content of the website, the aim is to allow
the filtering of content through an advanced buddy filtering system." />

		<meta name="copyright" content="Copyright 2004. Created by the talented and
cocky skinnyCorp team. Hosting provided by (mt) Media Temple." />
		<script type="text/javascript" src="/js/global.js"></script>
		<script type="text/javascript">
		// <![CDATA[
		
			quickies['85,49'] = 'http://www.threadless.com';
 
			quickies['85,50'] = 'http://www.skinnycorp.com';
 
			quickies['85,51'] = 'http://www.nakedandangry.com';
 
			quickies['85,52'] = '/quicklinks';
 
		// ]]>
		</script>
		<base href="http://www.yayhooray.com/" />
		<link rel="stylesheet" media="all" href="/theme/1/global.css" />
				
		<link rel="stylesheet" media="all" href="/theme/1/thread.css" />
		    	
		<link rel="stylesheet" media="all" href="/css/overrides/3243.css" />
			
	</head>

	<body>
	<div id="pagehead">
		<h1><a href="/"><img src="/imgs/yayhooray.gif" alt="[YayHooray!]" width="60"
height="43" /></a></h1>
					<div id="headuser">Logged in as: <a
href="http://theseum.yayhooray.com">theseum</a></div>
			<div id="headnav"><span>| </span><a href="/logout">Logout</a><span> |
</span><a href="/preferences">Preferences</a></div>

				
		
		<div id="pagenav">
		
					<div id="navmsgs">
		 		<div id="messagestitle">Messages</div>
								<div id="messageslabel">
		 		No new messages		 		</div>
			</div>
			
			 <div id="navfavorites">
		 		<div id="favoritestitle">Favorites</div>

		 		<div id="favoriteslabel">No favorite threads</div>
			 </div> 
			 
			<div id="navfilter">
		 	<div id="filtertitle">Buddy Content Filter</div>
		 				<div id="filter">
				<div id="filterbar"><!--
					--><a href="/thread.php?contentlevel=1" class="filterlinkon"><img
src="/theme/1/0.gif" class="filterimg" id="filterimg1"></a><!--
					--><a href="/thread.php?contentlevel=2" class="filterlinkon"><img
src="/theme/1/0.gif" class="filterimg" id="filterimg2"></a><!--
					--><a href="/thread.php?contentlevel=3" class="filterlinkon"><img
src="/theme/1/0.gif" class="filterimg" id="filterimg3"></a><!--
					--><a href="/thread.php?contentlevel=4" class="filterlinkon"><img
src="/theme/1/0.gif" class="filterimg" id="filterimg4"></a><!--
				--></div>
				Displaying content created by every user on Yay Hooray!.			</div>			
		 						 </div>

		 <div id="navbuddies">
		 	<div id="buddiestitle">Online Buddies (0 of 3)</div>
		 					<div id="managebuddies"><a href="/managebuddies">View and Manage Full
Buddy List</a></div>
					 </div>
		 		 
			 <div id="navhistories">
				<div id="historytitle">History</div>
									<div class="navhistory navhistory0">

						<a
href="http://www.yayhooray.com/thread/13536/Need-artwork-for-house-Suggestions"
title="www &amp;raquo; thread &amp;raquo;
Need-artwork-for-house-Suggestions">www &raquo; thread &raquo; Need-art...</a>
					</div>
									<div class="navhistory navhistory1">
						<a href="http://www.yayhooray.com/threads" title="www &amp;raquo;
threads">www &raquo; threads</a>
					</div>

									<div class="navhistory navhistory0">
						<a href="http://www.yayhooray.com/thread/13521/Fast-logo-crit---Fysica"
title="www &amp;raquo; thread &amp;raquo; Fast-logo-crit---Fysica">www &raquo;
thread &raquo; Fast-log...</a>
					</div>
									<div class="navhistory navhistory1">
						<a href="http://www.yayhooray.com/threads" title="www &amp;raquo;
threads">www &raquo; threads</a>

					</div>
									<div class="navhistory navhistory0">
						<a
href="http://www.yayhooray.com/thread/13356/Has-Google-Getting-Shittier"
title="www &amp;raquo; thread &amp;raquo; Has-Google-Getting-Shittier">www
&raquo; thread &raquo; Has-Goog...</a>
					</div>
									<div class="navhistory navhistory1">
						<a href="http://www.yayhooray.com/threads" title="www &amp;raquo;
threads">www &raquo; threads</a>

					</div>
									<div class="navhistory navhistory0">
						<a href="http://www.yayhooray.com/thread/9972/Font-ID-Tennis" title="www
&amp;raquo; thread &amp;raquo; Font-ID-Tennis">www &raquo; thread &raquo;
Font-ID-...</a>
					</div>
									<div class="navhistory navhistory1">
						<a href="http://www.yayhooray.com/threads" title="www &amp;raquo;
threads">www &raquo; threads</a>

					</div>
									<div class="navhistory navhistory0">
						<a
href="http://www.yayhooray.com/thread/13356/Has-Google-Getting-Shittier"
title="www &amp;raquo; thread &amp;raquo; Has-Google-Getting-Shittier">www
&raquo; thread &raquo; Has-Goog...</a>
					</div>
									<div class="navhistory navhistory1">
						<a href="http://www.yayhooray.com/threads" title="www &amp;raquo;
threads">www &raquo; threads</a>

					</div>
							 </div>
			 			 <div id="navdidyouknow"><div class="didyouknowhead">Did you know
...</div><div class="didyouknowtext">There are loads of preferences for you to
tweak avaiable in your <a href="http://www.yayhooray.com/quicklinks">Adding
Quick Links</a> is a totally awesome way to make navigating Yay Hooray! quick
and easy?</div><div class="didyouknowbutton">To turn off these messages, go to
your <a href="/preferences">preferences</a> and uncheck "Did you know"</div></div>
			 			 <div id="credits">

				&copy; 2004. Created by the talented and cocky <a
href="http://www.skinnycorp.com" title="skinnyCorp | The best Chicago Web
Development of all time.">skinnyCorp</a> team.  Hosting provided by <a
href="http://www.mediatemple.net/.from/yayhooray.com">(mt) Media Temple</a>.
			 </div>
		</div>
	</div>
	<div id="pagecontent">
		<div id="userdomain"><a
href="http://theseum.yayhooray.com">theseum.yayhooray.com</a></div>

				<div id="usertitle">Need artwork for house. Suggestions?</div>
		<div id="mainnav">
			<div id="threadnav" class="selectednav"><a href="/threads">Threads</a></div>
			<div id="messagesnav" ><a href="/messages">Messages</a></div>
			<div id="linksnav" ><a href="/links">Links Database</a></div>
			<div id="usersnav" ><a href="/users">Users</a></div>

			<div id="blogsnav" ><a href="/blogs">Blogs</a></div>
			<div id="searchnav" ><a href="/search">Search</a></div>
						<div class="userlink" ><a href="http://www.threadless.com">TH</a></div>
			<div class="userlink" ><a href="http://www.skinnycorp.com">SK</a></div>
			<div class="userlink" ><a href="http://www.nakedandangry.com">NA</a></div>
			<div class="userlink" ><a href="/quicklinks">ADD LINK!</a></div>

			
		</div>
		<div class="endnav"></div>
<script type="text/javascript">
	// <![CDATA[
		var editshown = new Array();
		var optshown = new Array();
		var irshown = new Array();
		function toggleEdit(id){
			if(editshown[id]==1){
				editshown[id] = 0;
				document.getElementById('postblock'+id).style.display = "block";
				document.getElementById('editblock'+id).style.display = "none";
			}else{
				editshown[id] = 1;
				document.getElementById('postblock'+id).style.display = "none";
				document.getElementById('editblock'+id).style.display = "block";
				document.forms['editpost'+id].post.focus();
			}
		}
		function toggleOptions(id){
			if(optshown[id]==1){
				optshown[id] = 0;
				document.getElementById('useroption'+id).style.display = "none";
			}else{
				optshown[id] = 1;
				document.getElementById('useroption'+id).style.display = "block";
			}
		}
		function toggleIrrelevant(id){
			if(irshown[id]==1){
				irshown[id] = 0;
				document.getElementById('post'+id).style.display = "none";
				document.getElementById('postoption'+id).style.display = "none";
			}else{
				irshown[id] = 1;
				document.getElementById('post'+id).style.display = "block";
				document.getElementById('postoption'+id).style.display = "block";
			}
		}	
	// ]]>
	</script>
	
	<div id="threadtools">
		<div id="threadtools_prefs">
						<a href="javascript:setPageBookmark(13536);"
id="bookmarklink13536">Bookmark</a> &nbsp;|&nbsp;
						 
			<a
href="/thread/13536/Need-artwork-for-house-Suggestions?page=1&amp;action=disablehtml">Disable
HTML</a>

					</div>
		<div id="threadtools_admin">		
		
					<span></span>
				
		</div>
	</div>
	
		<div id="threadheader">
		<div id="threadcat"><a href="/threads/Advice">Advice</a> &gt; <a
href="/threads/Advice/General">General</a> &gt;&gt; <a
href="/thread/13536/Need-artwork-for-house-Suggestions?page=1">Need artwork for
house. Suggestions?</a></div>

		<div id="headerpostnav">Displaying 1 - 6 of 6 Posts	</div>
	</div>
				<div class="postcontainer"><a name="a294255"></a>
			<div class="userblock u_JamesAZ" id="user294255">
				<div class="blockusername"><a href="http://JamesAZ.yayhooray.com"
onclick="toggleOptions(294255);return false;">JamesAZ</a></div>
							<div class="blockavatar"><img src="/imgs/avatars/blank.gif" height="16"
width="16" alt="[JamesAZ's avatar]" /></div>
							<div class="useroptionblock" id="useroption294255">
					<div class="useropt_viewprofile"><a
href="http://JamesAZ.yayhooray.com">View Profile</a></div>

					<div class="useropt_addbuddy"><a href="/managebuddies?add=JamesAZ">Add to
Buddy List</a></div>
					<div class="useropt_message"><a href="/message?to=JamesAZ">Send
Message</a></div>
				</div>
				<div class="postoptionblock" id="postoption294255">
					<div class="timeago">18 minutes ago</div>
								</div>
			</div>

			<div class="postblock" id="postblock294255">
								<div class="post" id="post294255">
					Just bought a new house, and I'd love to try to find some artwork to liven
things up a bit.  However, I don't want any department store artwork (basically
anything that has the artist's name in big type below the image is out), and
most of the local artists I've seen seem to be generating run of the mill
"southwest" stuff that I don't really care for.<br/><br/>Where can I find good,
reasonable low-cost artwork that would look good (not too risque or avant garde)
in my house?<br/><br/>I'd hire Brandon Bird, but I don't think I could
afford him.				</div>
			</div>

					
		</div>
		<div class="postseperator"><span></span></div>
			<div class="postcontainer"><a name="a294260"></a>

			<div class="userblock u_splint51" id="user294260">
				<div class="blockusername"><a href="http://splint51.yayhooray.com"
onclick="toggleOptions(294260);return false;">splint51</a></div>
							<div class="blockavatar"><img src="/imgs/avatars/blank.gif" height="16"
width="16" alt="[splint51's avatar]" /></div>
							<div class="useroptionblock" id="useroption294260">
					<div class="useropt_viewprofile"><a
href="http://splint51.yayhooray.com">View Profile</a></div>
					<div class="useropt_addbuddy"><a href="/managebuddies?add=splint51">Add to
Buddy List</a></div>
					<div class="useropt_message"><a href="/message?to=splint51">Send
Message</a></div>

				</div>
				<div class="postoptionblock" id="postoption294260">
					<div class="timeago">16 minutes ago</div>
								</div>
			</div>
			<div class="postblock" id="postblock294260">
								<div class="post" id="post294260">
					I could do you a painting ...<br/>I did one for a friends house...				</div>

			</div>

					
		</div>
		<div class="postseperator"><span></span></div>
			<div class="postcontainer"><a name="a294280"></a>
			<div class="userblock u_JamesAZ" id="user294280">
				<div class="blockusername"><a href="http://JamesAZ.yayhooray.com"
onclick="toggleOptions(294280);return false;">JamesAZ</a></div>
							<div class="blockavatar"><img src="/imgs/avatars/blank.gif" height="16"
width="16" alt="[JamesAZ's avatar]" /></div>
							<div class="useroptionblock" id="useroption294280">

					<div class="useropt_viewprofile"><a
href="http://JamesAZ.yayhooray.com">View Profile</a></div>
					<div class="useropt_addbuddy"><a href="/managebuddies?add=JamesAZ">Add to
Buddy List</a></div>
					<div class="useropt_message"><a href="/message?to=JamesAZ">Send
Message</a></div>
				</div>
				<div class="postoptionblock" id="postoption294280">
					<div class="timeago">9 minutes ago</div>
								</div>

			</div>
			<div class="postblock" id="postblock294280">
								<div class="post" id="post294280">
					Got any samples? :-)				</div>
			</div>

					
		</div>
		<div class="postseperator"><span></span></div>
			<div class="postcontainer"><a name="a294281"></a>

			<div class="userblock u_Pee-Diddle" id="user294281">
				<div class="blockusername"><a href="http://Pee-Diddle.yayhooray.com"
onclick="toggleOptions(294281);return false;">Pee Diddle</a></div>
							<div class="blockavatar"><img src="/imgs/avatars/blank.gif" height="16"
width="16" alt="[Pee Diddle's avatar]" /></div>
							<div class="useroptionblock" id="useroption294281">
					<div class="useropt_viewprofile"><a
href="http://Pee-Diddle.yayhooray.com">View Profile</a></div>
					<div class="useropt_addbuddy"><a href="/managebuddies?add=Pee-Diddle">Add
to Buddy List</a></div>
					<div class="useropt_message"><a href="/message?to=Pee Diddle">Send
Message</a></div>

				</div>
				<div class="postoptionblock" id="postoption294281">
					<div class="timeago">8 minutes ago</div>
								</div>
			</div>
			<div class="postblock" id="postblock294281">
								<div class="post" id="post294281">
					i will sell you a replica of a van eyck portrait i did in art school ....
it is in my profile somewhere it is nicely framed too.				</div>

			</div>

					
		</div>
		<div class="postseperator"><span></span></div>
			<div class="postcontainer"><a name="a294298"></a>
			<div class="userblock u_somakitty" id="user294298">
				<div class="blockusername"><a href="http://somakitty.yayhooray.com"
onclick="toggleOptions(294298);return false;">somakitty</a></div>
							<div class="blockavatar"><img src="/imgs/avatars/2711.gif" height="16"
width="16" alt="[somakitty's avatar]" /></div>
							<div class="useroptionblock" id="useroption294298">

					<div class="useropt_viewprofile"><a
href="http://somakitty.yayhooray.com">View Profile</a></div>
					<div class="useropt_addbuddy"><a href="/managebuddies?add=somakitty">Add to
Buddy List</a></div>
					<div class="useropt_message"><a href="/message?to=somakitty">Send
Message</a></div>
				</div>
				<div class="postoptionblock" id="postoption294298">
					<div class="timeago">1 minute ago</div>
								</div>

			</div>
			<div class="postblock" id="postblock294298">
								<div class="post" id="post294298">
					<a href=http://www.allposters.com>allposters.com</a> has a good
selection.				</div>
			</div>

					
		</div>
		<div class="postseperator"><span></span></div>

			<div class="postcontainer"><a name="end"></a>
			<div class="userblock u_theseum" id="user294303">
				<div class="blockusername"><a href="http://theseum.yayhooray.com"
onclick="toggleOptions(294303);return false;">theseum</a></div>
							<div class="blockavatar"><img src="/imgs/avatars/blank.gif" height="16"
width="16" alt="[theseum's avatar]" /></div>
							<div class="useroptionblock" id="useroption294303">
					<div class="useropt_viewprofile"><a
href="http://theseum.yayhooray.com">View Profile</a></div>
					<div class="useropt_addbuddy"><a href="/managebuddies?add=theseum">Add to
Buddy List</a></div>

					<div class="useropt_message"><a href="/message?to=theseum">Send
Message</a></div>
				</div>
				<div class="postoptionblock" id="postoption294303">
					<div class="timeago">32 seconds ago</div>
									<div class="opt_editpost"><a href="javascript:toggleEdit(294303);">Edit
Post</a></div>
								</div>
			</div>

			<div class="postblock" id="postblock294303">
								<div class="post" id="post294303">
					i'd recommend a photo or print... posters of paintings suck.				</div>
			</div>

			
			<div class="editblock" id="editblock294303">
					<form name="editpost294303"
action="/thread/13536/Need-artwork-for-house-Suggestions?page=1#a294303"
method="post">	
						<input type="hidden" name="action" value="editpost" />
						<input type="hidden" name="userid" value="3243" />

						<input type="hidden" name="postid" value="294303" />
						<input type="hidden" name="uid" value="988f08f62f6149e705be4f33897823d4" />
						<textarea name="post" class="threadtext" id="editposttext294303">i'd
recommend a photo or print... posters of paintings suck.</textarea>
						<input type="submit" name="editpost" value="Save Changes" />
					</form>
			</div>
					
		</div>
		<div class="postseperator"><span></span></div>

		
	
			
	

		<div id="threadfooter">
		<div id="footerpostnav">POST REPLY<a name="newpost"><span></span></a></div>
		<div id="footerdispnav">Displaying 1 - 6 of 6 Posts	</div>
	</div>
				<div class="postblock" id="newpostblock">
		<form name="postreply" method="post"
action="/thread/13536/Need-artwork-for-house-Suggestions?page=1#end">
			<input type="hidden" name="uid" value="28f655f794f0f264158615e4762ec0f9">
			<input type="hidden" name="action" value="postreply" />

			
	<div class="pinkiebuttons">
		<a href="javascript:insertYay('[:(]')"><img src="/imgs/pinkies/01.gif"
width="14" height="14" border="0" align="absmiddle"/></a>
		<a href="javascript:insertYay('[:o]')"><img src="/imgs/pinkies/02.gif"
width="14" height="14" border="0" align="absmiddle" /></a>
		<a href="javascript:insertYay('[\'(]')"><img src="/imgs/pinkies/03.gif"
width="14" height="14" border="0" align="absmiddle"/></a>
		<a href="javascript:insertYay('[:{]')"><img src="/imgs/pinkies/06.gif"
width="14" height="14" border="0" align="absmiddle" /></a>
		<a href="javascript:insertYay('[;)]')"><img src="/imgs/pinkies/07.gif"
width="14" height="14" border="0" align="absmiddle" /></a>
		<a href="javascript:insertYay('[:P]')"><img src="/imgs/pinkies/08.gif"
width="14" height="14" border="0" align="absmiddle" /></a>
		<a href="javascript:insertYay('[8)]')"><img src="/imgs/pinkies/09.gif"
width="14" height="14" border="0" align="absmiddle" /></a>
		<a href="javascript:insertYay('[:[]')"><img src="/imgs/pinkies/10.gif"
width="14" height="14" border="0" align="absmiddle" /></a>

		<a href="javascript:insertYay('[:@]')"><img src="/imgs/pinkies/20.gif"
width="14" height="14" border="0" align="absmiddle" /></a>
		<a href="javascript:insertYay('[:)]')"><img src="/imgs/pinkies/11.gif"
width="14" height="14" border="0" align="absmiddle" /></a>
		<a href="javascript:insertYay('[:/]')"><img src="/imgs/pinkies/13.gif"
width="14" height="14" border="0" align="absmiddle"/></a>
		<a href="javascript:insertYay('[B-]')"><img src="/imgs/pinkies/16.gif"
width="14" height="14" border="0" align="absmiddle" /></a>
		<a href="javascript:insertYay('[:*]')"><img src="/imgs/pinkies/17.gif"
width="14" height="14" border="0" align="absmiddle" /></a>
		<a href="javascript:insertYay('[:D]')"><img src="/imgs/pinkies/05.gif"
width="14" height="14" border="0" align="absmiddle" /></a>
		<a href="javascript:insertYay('[%o]')"><img src="/imgs/pinkies/19.gif"
width="14" height="14" border="0" align="absmiddle" /></a>
		<a href="javascript:insertYay('[%(]')"><img src="/imgs/pinkies/18.gif"
width="14" height="14" border="0" align="absmiddle" /></a>
		<a href="javascript:insertYay('&lt;img src=&quot;&quot; alt=&quot;[]&quot;
/&gt;')">img</a>

		<a href="javascript:insertYay('&lt;a href=&quot;&quot;&gt;&lt;/a&gt;')">href</a>
		<a href="javascript:insertYay('&lt;mp3 src=&quot;&quot;
title=&quot;&quot;&gt;')">mp3</a>
		<a href="javascript:insertYay('&lt;googleimage search=&quot;&quot;&gt;')">Gimg</a>
	</div>			<textarea name="post" class="threadtext" id="newposttext"></textarea><br/>
				<div>
			* Oh, and by hitting the button you promise to be nice (and are over 18)!
			</div>

			<input type="submit" value="Post Reply" name="postreply" class="threadbutton">
			<input type="submit" value="Preview" name="preview" class="threadbutton">
		</form>
	</div>
	<br/>
</div><!-- end id="pagecontent" -->
<br/>
<div style="clear:both;"><span></span></div>

</body>
</html>


Reproducible: Sometimes
Steps to Reproduce:
WORKSFORME 10012004.

Reporter could you :
1) attach the html instead of displaying it.
2) test with mozilla or firefox and tell us if you have the same problem.
3) Test with a recent nightly
4) tel us your OS version 10.1, 10.2, 10.3 ?

Thank you
(Reporter)

Comment 2

13 years ago
As I mentioned in the original post the problem doesn't happen in firefox 1.0. 
My OS is 10.3.  I don't know how  to change the html into an attachment.  I'll
test with a nightly as soon as i can.
(In reply to comment #2)
> As I mentioned in the original post the problem doesn't happen in firefox 1.0.

Sorry I missed it.
 
> My OS is 10.3. 

Thanks

> I don't know how  to change the html into an attachment.  I'll

Save the html page using the save command. ON this page there is a link named
create attachment click on it and that all.

> test with a nightly as soon as i can.

Thanks.

Comment 4

13 years ago
Another WORKSFORME using 10.3.5 and Camino 20041015.

Comment 5

13 years ago
Can't reproduce this for the life of me!

Mac OS X 10.3.5, Camino 2004101408 (v0.8+)

Comment 6

13 years ago
WFM 2004101408 (v0.8+) NB on 10.3.5
Status: UNCONFIRMED → RESOLVED
Last Resolved: 13 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.