Velocity Reviews

Velocity Reviews (http://www.velocityreviews.com/forums/index.php)
-   HTML (http://www.velocityreviews.com/forums/f31-html.html)
-   -   Re: Focus not showing (http://www.velocityreviews.com/forums/t635859-re-focus-not-showing.html)

Chris F.A. Johnson 09-17-2008 09:46 PM

Re: Focus not showing
 
On 2008-09-17, sheldonlg wrote:
> I have an application where (sometimes) the focus is not showing in a
> textarea with that vertical bar that indicates the focus and position.
> However, if I click there and type, the text that I type shows up.


If I click there (in FF3), I get a vertical bar.

> I have reproduced that situation in a sample app that is quite
> bare-bones. It can be accessed at:
>
> www.sheldonlg.com/focus/index.php
>
> Use Firefox (or maybe IE7) to see this. It makes use of position:fixed
> and it has two tables, each with a textarea, and one is
> visibility:visible and the other is visibility:hidden.
>
> I have validated the source with W3C Validator.
>
> Any help I get would be appreciated. This bug has been with me for
> months and I only now (after about 3 hours worth of reducing it) was
> able to get the sample app in place.
>
> For those unwilling to click on a URL, here is the code:
> ***************************
>
><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
><html xmlns="http://www.w3.org/1999/xhtml">
><head>
><meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"/>
><title>Application</title>
><style type="text/css">
> .exclude_form_class
> {
> position: fixed;
> top: 50px;
> background-color: rgb(221, 221, 221);
> visibility: hidden;
> margin-left:auto;
> margin-right:auto;
> text-align:center;
> }
></style>
>
></head>
>
><body>
><div id="mainwrapper">
> <div id="onebar" class="centercol">
> <form action="">
> <div id="a1" class="exclude_form_class" style="visibility:
> visible;"> <br/>
> <table>
> <tr>
> <td><textarea id="dimKeywordsAC" rows="5"
> cols="7"></textarea></td>
> </tr>
> </table>
> </div>
> <div id="a2" class="exclude_form_class" style="visibility:
> hidden;"> <br/>
> <table>
> <tr>
> <td><textarea id="dimKeywordsEC" rows="5" cols="7"
> ></textarea></td>

> </tr>
> </table>
> </div>
> </form>
> </div>
></div>
></body>
></html>



--
Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)


All times are GMT. The time now is 08:49 PM.

Powered by vBulletin®. Copyright ©2000 - 2014, vBulletin Solutions, Inc.
SEO by vBSEO ©2010, Crawlability, Inc.