535517 - CSS 'left' Property Gives Inconsistent Value between Cached / Non-cached Page State At Load

Status: UNCONFIRMED

(Core :: DOM: CSS Object Model, defect, P5)

Description

[ChristopherBalz]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.5) Gecko/20091109 Ubuntu/9.10 (karmic) Firefox/3.5.5
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.5) Gecko/20091109 Ubuntu/9.10 (karmic) Firefox/3.5.5

In the fail scenario, the slider is off on the x-axis by about ten or fifteen pixels.  

Reproducible: Always

Steps to Reproduce:
1.Visit (for the first time, or with cleared cache, or by reloading with the 'shift' key held down) https://us.etrade.com/javascript/et1/dev_tools/test/harness/slider_on_a_track/index-developers.html
2.Go to first slider. 
3.Try to slide it so that slider tip is aligned with the first mark on the left.
4.Verify that the slider won't align.
5.Slide the slider all the way to the right.
6.Verify that the slider slides completely off of the slider bar.
Actual Results:  
The slider tip won't align with the left-most slider-bar mark.
The slider slides completely off of the slider bar.

Expected Results:  
The slider tip should align with the left-most slider-bar mark.
The slider should not slide completely off of the slider bar.

Works everywhere else: Firefox is the only browser where this functionality is broken.  The test harness works properly and as expected in IE 6.x, Chrome (latest), Konqueror-with-WebKit-part, and Opera.

Works when page has been cached: After reproducing, reload without clearing the cache or holding the 'shift' key down.  Attempt to reproduce and observe correct behavior.

Where to debug in the source code: The slider is positioned 'relative' in css, from the static css stylesheet ( https://a248.e.akamai.net/n/248/1777/akssr20091208.0/www.etrade.com/stylesheet/et1_styles/slider_on_a_track.css )

Important to fix: This functionality is part of a widely-used Web application.  Please help users find satisfaction from using Firefox by fixing this bug.

It seems that the 'style.left' dom access to the css value in file Slider.js ( https://a248.e.akamai.net/n/248/1777/akssr20091208.0/www.etrade.com/javascript/et1/src/lib/view/Slider.js ) is not giving the correct value.

The slider in this test harness is positioned at init (page-load) by this line:

in this file:

https://a248.e.akamai.net/n/248/1777/akssr20091208.0/www.etrade.com/javascript/et1/src/lib/view/SliderOnATrack.js

oST.setSliderX( Math.round( oST.iLeftOrTopStop + ( oST.iTravel * flMoveFactor ) ) );

Comment 1

[Firefox Bug Husbandry Bot]

https://bugzilla.mozilla.org/show_bug.cgi?id=1472046

Move all DOM bugs that haven’t been updated in more than 3 years and has no one currently assigned to P5.

If you have questions, please contact :mdaly.

Comment 2

[pqwoerituytrueiwoq]

Attachment: Screenshot_20230902_211328.png

Comment 3

[pqwoerituytrueiwoq]

put this on the wrong tab my accident, but maybe this is the issue you are seeing

the cached css has the new value but the computed data is not being updated