My layout scrolling works in Chrome and Firefox but jerky in IE 9

Question

4.00/5 (1 vote)

See more:

I need to create a layout with a fixed header bar on the top that will hold different controls, and big (larger than window size) scrollable SVG area under it. That area will have headers on the top (timeline) and on the left (location names).

The scrollable area should behave similar to a DataGridView with column headers on the top and row headers on the left, except that the grid content is not a grid with fixed row and columns but an SVG (or canvas).

My layout works fine in Chrome and Firefox but is very jerky in IE 9 (and IE 9 is important requirement because it's a corporate environment).

I created this jsfiddle demo to show what I am trying to accomplish

I wonder if someone could suggest how to fix IE 9 behavior or how to achieve what I need with pure HTML and CSS.

Posted 3-Dec-15 5:45am

Sergey Sevastyanov

Add a Solution

Comments

Sergey Alexandrovich Kryukov 3-Dec-15 13:40pm

The problem I can see is that there is no a scroll bar of the grid, and scroll touches to top header area somehow. Perhaps you need to address it first. (And I would say: is some corporation has IE 9 as a corporate environment, that corporation is nearly IT-dead. Beating a dead horse, your know how efficient it is...)
—SA

Dave Kreskowiak 7-Dec-15 10:15am

I wouldn't go that far. There are tons of organizations that are still running IE9. We just started getting off of it last month. Why? Because there are lots of vendor B2B sites that work with IE9, but don't work with IE10 and above.

Sergey Alexandrovich Kryukov 7-Dec-15 10:44am

This is not about who runs what, and about any particular version of any browser, and not about quality of any of them. This is about the literacy of IT personnel and developers of corporate software and sites.

Are you talking about "running", or about corporate applications which are limited to IE9. They accept only one version of only one browser and write it in their policies; their IT support workers preinstall certain browser and require the use of only that one with corporate software. This is what I'm talking about and I'm almost sure this is the case the inquirer means. You see, I have a number of observations of such things; as soon as more qualified people take over the IP, they overcome such limitations. It is easier to do these days, so the browser limitation is a good sign of illiteracy.

—SA

Dave Kreskowiak 7-Dec-15 10:49am

We're talking about the same thing. Sadly, we're just now getting off IE9. The reason being that we were forced to keep using it because a bunch of business critical sites that we use didn't render properly on IE10 and above.

It's not that we had to update something to get it to work. The vendor sites we used had to be redone to work with higher versions of IE and Chrome. That takes a ton of coordination and time. This process is finally done, freeing us to update the browser we use.

Sergey Alexandrovich Kryukov 7-Dec-15 11:34am

This is sad. And it's good that you are getting rid of it. The real problem is creation of those applications/sites bound to a particular browser in first place. Usually, the incompatible thing is some rendering, pure decoration, which is not function-critical, and nevertheless prevents normal operation for the browsers which conforms to the standard better. This is about using proprietary, non-standard features without caring, or worse, in assumption that no one will use another browser. Everything starts with sloppiness and accidental complexity, not real technical problems.
—SA

Sergey Sevastyanov 7-Dec-15 10:55am

I am with Dave on this. We do want to upgrade but many of our vendors are not ready and force us to stay on the old version. And their software is critical for us and patient care (we are a hospital)

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Sevastyanov · Accepted Answer · 2015-12-07T02:11:00

Solution 1

I followed Sergey Kryukov's advise and changed layout. It works not.

Here is (the new link to JSFiddle)

Thank you, Sergey

Posted 7-Dec-15 2:11am

Sergey Sevastyanov

Updated 7-Dec-15 3:00am

v3