Skip to Content
author's profile photo
Former Member

Input boxes massive in Apple Safari

Hi,

I have noticed that the input fields are displayed very large, (depth not width) when browsing with Apples Safari.  This affects the username and password field and also the onscreen textedit box appears to type messages like this in. I would say the keyed font is probably size 16 on my Macintosh The rest of the site works really well though.

I use Apple Safari all the time and have never noticed this on any other site I have been to on the web.  I don't think it is a problem for Apple, perhaps I will have a look at the page source and try and figure it out also

Cheers

Ed

Add comment
10|10000 characters needed characters exceeded

  • Follow
  • Get RSS Feed

1 Answer

  • author's profile photo
    Former Member
    Posted on Oct 14, 2003 at 04:22 PM

    OK I have had a quick look at the source.  The reason why the username and password box is so large is because you have specified them as height 20.

    The Browser is interpreting this correctly and threfore the font inside is also size 20 (I was wrong with my estimate of 16).  The problem piece of code is:

    "try { if (event == null) { event = window.event; } if (event.keyCode == 13){doLogin();} } catch (e) {}"

           id="portalUserName0" style="WIDTH: 175px" name=

           "portalUserName" size="20" value=""></td>

    and

    "try { if (event == null) { event = window.event; } if (event.keyCode == 13){doLogin();} } catch (e) {}"

           id="portalPassword0" style="WIDTH: 175px" type="password"

           name="portalPassword" size="20">

    The size needs to be reduced to something decent like 12.

    As for the textedit window, I tried to analyse the source but it is too dificult to read.  For clarrfication purposes it only really affects you when you are replying to a message and it is the textedit box on the screen which has a font-size of 20.

    It may be worth getting the service to serve HTML output in readable format whilst the site is being tested, and once everthing is OK then change it back to the more efficient condensed format.

    Ed

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member David Branan

      David,

      The other problem is that IE 5.2.3 which I also have, renders the text boxes so small that the text inside of them is unreadable.  Perhaps this could be fixed instead?

      Have you tried implementing the text boxes as size 12 as opposed to 20 and seeing what happens with Netscape/IE, this simple fix would mean that it would also be fixed for me also.  It seems a little lame to suggest that you do not support Safari when I have only found one simple thing wrong with the site which could easily be fixed and tested.

      Ed