Closed
Bug 502982
Opened 16 years ago
Closed 16 years ago
The Scrolling propertie "element.scrollLeft" or a textarea doesn't work on Firefox 3.5 (shiretoko) when that work in Firefox 3.0.11
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
INCOMPLETE
People
(Reporter: jedi_david_20, Unassigned)
Details
Attachments
(1 file, 1 obsolete file)
|
2.16 KB,
text/html
|
Details |
User-Agent: Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.1) Gecko/20090624 Firefox/3.5 GTB5
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.1) Gecko/20090624 Firefox/3.5 GTB5
In the last version of firefox (3.0.11) the scrolling properties "element.scrollLeft" was working on a textarea, but in the new version Shiretoko, the properties aren't support now. The scrolling value is always set to 0.
Reproducible: Always
Steps to Reproduce:
1.Use the scrolling properties on a textare
2.
3.
Actual Results:
No scroll.
Expected Results:
Scrolling into the textarea.
|
Reporter | |
Comment 1•16 years ago
|
||
Fill the textarea with number (because i blocked all other car, but i can post a normal implemtations of the ghost-text input if you want, and in the firefox 3.0.11, the scrolling into the textarea is done automatically, but in shiretoko...problem. No scroll.
This test case is two input: textarea, u see the valid character appear in this input, invisible "hidding" input so valid or rejected the entered character and if it's valid, so it transfer to the textarea.
|
|
Reporter | |
Comment 2•16 years ago
|
||
Comment on attachment 387354 [details]
Use this web page on firefox 3.0.11 and firefox 3.5 u will see the difference. This test case only accept number (this a new input. ghost-text input)
><html>
> <head>
> <title>Limiter l'entrée de caractères dans un champ texte avec effet fantôme.</title>
> <script type="text/javascript" src="raccourci.js"></script>
> <style type="text/css">
> #invisible
> {
> position: relative;
> left: -216px;
> top: -2px;
> opacity: 0.3;
> cursor: default;
> border: none;
> }
>
> #newsParPage
> {
> overflow: hidden;
> }
>
> #newsParPage, #invisible
> {
> min-width: 200px;
> min-height: 23px;
> max-height: 23px;
> font-size: 16px;
> font-family: Arial;
> }
> </style>
> </head>
><body>
><textarea id="newsParPage"></textarea>
><input type="text" value="" id="invisible" />
>
><script type="text/javascript">
>function scroll()
>
>var indDebVerifChampInvisible = 0;
>var indFinVerifChampInvisible = 0;
>var champInvisible = gEBI('invisible');
>var champTexte = gEBI('newsParPage');
>
>aGE(champTexte, "click", function ()
> {
> champInvisible.selectionStart = champTexte.selectionStart;
> champInvisible.selectionEnd = champTexte.selectionEnd;
> indDebVerifChampInvisible = champTexte.selectionStart;
> indFinVerifChampInvisible = champTexte.selectionEnd;
> eGE(champInvisible, "keydown", a, true);
> }, true);
>aGE(champTexte, "focus", function () { champInvisible.focus(); }, true);
>aGE(champInvisible, "keydown", a, true);
>aGE(champInvisible, "keyup", b, true);
>
>
>function a()
>{
>indDebVerifChampInvisible = champInvisible.selectionStart;
>eGE(champInvisible, "keydown", a, true);
>}
>
>function b()
>{
>indFinVerifChampInvisible = champInvisible.selectionEnd;
>texte = champInvisible.value.substring(indDebVerifChampInvisible, indFinVerifChampInvisible);
>if(/^[0-9]*$/.test(texte))
> {
> champTexte.value = champInvisible.value;
> champTexte.scrollLeft = (8*champInvisible.selectionStart);
> }
>else
> {
> champInvisible.value = remplacer(champInvisible.value, indDebVerifChampInvisible, indFinVerifChampInvisible);
> champInvisible.selectionStart = indFinVerifChampInvisible-1;
> champInvisible.selectionEnd = indFinVerifChampInvisible-1
> champTexte.value = champInvisible.value;
> }
>aGE(champInvisible, "keydown", a, true);
>indDebVerifChampInvisible = -1;
>indFinVerifChampInvisible = -1;
>}
></script>
></body>
></html>
|
|
Reporter | |
Comment 3•16 years ago
|
||
Comment on attachment 387354 [details]
Use this web page on firefox 3.0.11 and firefox 3.5 u will see the difference. This test case only accept number (this a new input. ghost-text input)
><html>
> <head>
> <title>Limiter l'entrée de caractères dans un champ texte avec effet fantôme.</title>
> <script type="text/javascript" src="raccourci.js"></script>
> <style type="text/css">
> #invisible
> {
> position: relative;
> left: -216px;
> top: -2px;
> opacity: 0.3;
> cursor: default;
> border: none;
> }
>
> #newsParPage
> {
> overflow: hidden;
> }
>
> #newsParPage, #invisible
> {
> min-width: 200px;
> min-height: 23px;
> max-height: 23px;
> font-size: 16px;
> font-family: Arial;
> }
> </style>
> </head>
><body>
><textarea id="newsParPage"></textarea>
><input type="text" value="" id="invisible" />
>
><script type="text/javascript">
>var indDebVerifChampInvisible = 0;
>var indFinVerifChampInvisible = 0;
>var champInvisible = gEBI('invisible');
>var champTexte = gEBI('newsParPage');
>
>aGE(champTexte, "click", function ()
> {
> champInvisible.selectionStart = champTexte.selectionStart;
> champInvisible.selectionEnd = champTexte.selectionEnd;
> indDebVerifChampInvisible = champTexte.selectionStart;
> indFinVerifChampInvisible = champTexte.selectionEnd;
> eGE(champInvisible, "keydown", a, true);
> }, true);
>aGE(champTexte, "focus", function () { champInvisible.focus(); }, true);
>aGE(champInvisible, "keydown", a, true);
>aGE(champInvisible, "keyup", b, true);
>
>
>function a()
>{
>indDebVerifChampInvisible = champInvisible.selectionStart;
>eGE(champInvisible, "keydown", a, true);
>}
>
>function b()
>{
>indFinVerifChampInvisible = champInvisible.selectionEnd;
>texte = champInvisible.value.substring(indDebVerifChampInvisible, indFinVerifChampInvisible);
>if(/^[0-9]*$/.test(texte))
> {
> champTexte.value = champInvisible.value;
> champTexte.scrollLeft = (8*champInvisible.selectionStart);
> }
>else
> {
> champInvisible.value = remplacer(champInvisible.value, indDebVerifChampInvisible, indFinVerifChampInvisible);
> champInvisible.selectionStart = indFinVerifChampInvisible-1;
> champInvisible.selectionEnd = indFinVerifChampInvisible-1
> champTexte.value = champInvisible.value;
> }
>aGE(champInvisible, "keydown", a, true);
>indDebVerifChampInvisible = -1;
>indFinVerifChampInvisible = -1;
>}
></script>
></body>
></html>
|
|
Reporter | |
Comment 4•16 years ago
|
||
Attachment #387354 -
Attachment is obsolete: true
|
|
Reporter | |
Updated•16 years ago
|
Version: unspecified → 3.5 Branch
|
||
Comment 5•16 years ago
|
||
Can you give more detailed steps to reproduce?
|
|
Reporter | |
Comment 6•16 years ago
|
||
just enter some number in the case and look. In firefox 3.0.11 the textarea will scroll automatically to move in same time that the hidden input but in firefox 3.5 that doesn't work.
|
|
||
Comment 7•16 years ago
|
||
As far as I can tell, the behavior I see is identical in Firefox 3.0.11 and Firefox 3.5. I can type whatever text I want after clicking on the textfield, not just numbers. It shows up with opacity:0.3. If I tab instead of clicking, I can still type whatever I want, and it shows up with opacity:1.
Can you please give _actual_ steps to reproduce, click by click and keystroke by keystroke, as well as reasonable expected and actual results (attach screenshots if needed)?
|
|
||
Comment 8•16 years ago
|
||
Resolving incomplete pending response to comment 7. Please reopen when you can actually provide steps to reproduce.
Status: UNCONFIRMED → RESOLVED
Closed: 16 years ago
Resolution: --- → INCOMPLETE
You need to log in
before you can comment on or make changes to this bug.
Description
•