Jump to content
Larry Ullman's Book Forums
Sign in to follow this  
kbear

Typing Problem, Shifting

Recommended Posts

Hello,

 

In the upper right corner, the word WELCOME  is highlighted when you enter this page,

 

http://unlockspanish.com/margin/

 

Watch closely, and type any letter, perhaps t.

 

You will see the whole app shift to the left.

 

If you click outside of the typing box, you'll see the whole app move back right.  I call this shifting.

 

We've avoided this on the main app page by adding margin at the top and bottom.  However then the app needs to be centered vertically frequently.

 

http://unlockspanish.com/

 

Any advice on what is happening with this shifting problem is greatly appreciated.

 

As always, Gracias de antemano  (Thanks beforehand)

 

 

kbear

Share this post


Link to post
Share on other sites

I can't reproduce the problem, but if the shift is slight, I would guess it's because you're going from no vertical scrollbar to a vertical scrollbar.

 

That behavior depends on your window size and browser though, and is essentially unavoidable.

Share this post


Link to post
Share on other sites

Thanks Hartley!

 

Yes, it seems that it is related to the vertical scroll bar being present (or not).  No horizontal sroll bar appears (or is necessary) under any condition.

 

For some reason, with margin added top and bottom at,  http://unlockspanish.com/

this vertical scroll bar response does not occur.

Share this post


Link to post
Share on other sites

When you have the vertical margins, does that make the page always have a scrollbar no matter what?

If so, then there is your answer.

 

Also, if someone shrunk their screen enough horizontally, then you would see a horizontal scrollbar too.

Share this post


Link to post
Share on other sites

Yes.  With the vertical (above and below) margins, the page always has a vertical scroll bar at the right extreme of the browser window.

 

When before I said there is no horizontal scroll bar, I meant there is none on the dictionary typing boxes (upper right corner).  If I make the browser box much smaller (horizontally) I will get a (horiz) scroll bar at the bottom of the browser window, but not on the dictinary typing boxes.

 

The dictionary typing boxes DO HAVE vertical scroll bars when user typing inside.

Share this post


Link to post
Share on other sites

On Firefox the (browser window) vertical scroll bar does not appear, making it somewhat of a mystery.  However on Chrome, the scroll bar does appear and disappear, making the cause of the problem (horizontal shifting) more obvious.

 

I guess having enough blank space top and bottom so that the scroll bar is always present is the best solution.

 

Thanks for clarifying this for me Hartley!

 

 

kbear

Share this post


Link to post
Share on other sites

There are (usually minor) discrepancies between all browsers (and even different versions of the same browser) regarding how they size certain elements, etc., so that sort of problem is not entirely surprising to me.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...