Quantcast

Strange Firefox Rendering problem

classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Strange Firefox Rendering problem

Brandon Keith Biggs
Hello,
I have a web page that when rendered on firefox 50.1.0 32 bit using NVDA 2016.4 on a windows 10 machine renders the content in a different order than given in the HTML.
The "start import button" is at the top of the page when rendered and in my html file, it is at the bottom of the page.
On chrome and edge it shows up correctly and when using jaws, it shows up correct as well.
If I add <center></center> tags around the button it works just fine.
Does anyone know why I am seeing this button in the wrong place?
The code is below and the file is attached.


<!DOCTYPE html>
<head>
<title>file upload test</title>
</head>
<body>

<div id="body"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>

var page_content = `
<h1>Please select a csv file to import</h1>
<input id="f" type="file">
<label for="bank_choice">Choose the account the file is from</label>
<input type="text" id="bank_choice" list="bank_list">
<datalist id="bank_list">
</datalist>
<button id="b1">Start Import</button>
`

//not working
$("#body").html(page_content)

</script>
</body>
</html>


------------------------------------------------------------------------------
Developer Access Program for Intel Xeon Phi Processors
Access to Intel Xeon Phi processor-based developer platforms.
With one year of Intel Parallel Studio XE.
Training and support from Colfax.
Order your platform today.http://sdm.link/intel
_______________________________________________
Nvda-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/nvda-devel

test.html (898 bytes) Download Attachment
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Strange Firefox Rendering problem

Brian's Mail list account BY
Not sure, but have had this recently with some web forms where next and
submit buttons have been at the top instead of the bottom. sadly I did not
keep the urls.
 Of course it could be and probably was, just bad authoring in those cases,
ie it looked right to the sighted viewer kind of issue.
 Brian

[hidden email]
Sent via blueyonder.
Please address personal email to:-
[hidden email], putting 'Brian Gaff'
in the display name field.
----- Original Message -----
From: "Brandon Keith Biggs" <[hidden email]>
To: "NVDA screen reader development" <[hidden email]>
Sent: Friday, December 23, 2016 10:40 AM
Subject: [Nvda-devel] Strange Firefox Rendering problem


> Hello,
> I have a web page that when rendered on firefox 50.1.0 32 bit using NVDA
> 2016.4 on a windows 10 machine renders the content in a different order
> than given in the HTML.
> The "start import button" is at the top of the page when rendered and in
> my
> html file, it is at the bottom of the page.
> On chrome and edge it shows up correctly and when using jaws, it shows up
> correct as well.
> If I add <center></center> tags around the button it works just fine.
> Does anyone know why I am seeing this button in the wrong place?
> The code is below and the file is attached.
>
>
> <!DOCTYPE html>
> <head>
> <title>file upload test</title>
> </head>
> <body>
>
> <div id="body"></div>
>
> <script src="
> https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
> <script>
>
> var page_content = `
> <h1>Please select a csv file to import</h1>
> <input id="f" type="file">
> <label for="bank_choice">Choose the account the file is from</label>
> <input type="text" id="bank_choice" list="bank_list">
> <datalist id="bank_list">
> </datalist>
> <button id="b1">Start Import</button>
> `
>
> //not working
> $("#body").html(page_content)
>
> </script>
> </body>
> </html>
>
>
>
> Brandon Keith Biggs <http://brandonkeithbiggs.com/>
>


--------------------------------------------------------------------------------


> ------------------------------------------------------------------------------
> Developer Access Program for Intel Xeon Phi Processors
> Access to Intel Xeon Phi processor-based developer platforms.
> With one year of Intel Parallel Studio XE.
> Training and support from Colfax.
> Order your platform today.http://sdm.link/intel


--------------------------------------------------------------------------------


> _______________________________________________
> Nvda-devel mailing list
> [hidden email]
> https://lists.sourceforge.net/lists/listinfo/nvda-devel
>


------------------------------------------------------------------------------
Developer Access Program for Intel Xeon Phi Processors
Access to Intel Xeon Phi processor-based developer platforms.
With one year of Intel Parallel Studio XE.
Training and support from Colfax.
Order your platform today.http://sdm.link/intel
_______________________________________________
Nvda-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/nvda-devel
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Strange Firefox Rendering problem

James Teh
In reply to this post by Brandon Keith Biggs
Would you mind testing this on Firefox nightly? I'm using nightly here and can't reproduce this. That would suggest that this was a bug fixed after Firefox 50.


On Fri, Dec 23, 2016 at 8:40 PM, Brandon Keith Biggs <[hidden email]> wrote:
Hello,
I have a web page that when rendered on firefox 50.1.0 32 bit using NVDA 2016.4 on a windows 10 machine renders the content in a different order than given in the HTML.
The "start import button" is at the top of the page when rendered and in my html file, it is at the bottom of the page.
On chrome and edge it shows up correctly and when using jaws, it shows up correct as well.
If I add <center></center> tags around the button it works just fine.
Does anyone know why I am seeing this button in the wrong place?
The code is below and the file is attached.


<!DOCTYPE html>
<head>
<title>file upload test</title>
</head>
<body>

<div id="body"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>

var page_content = `
<h1>Please select a csv file to import</h1>
<input id="f" type="file">
<label for="bank_choice">Choose the account the file is from</label>
<input type="text" id="bank_choice" list="bank_list">
<datalist id="bank_list">
</datalist>
<button id="b1">Start Import</button>
`

//not working
$("#body").html(page_content)

</script>
</body>
</html>


------------------------------------------------------------------------------
Developer Access Program for Intel Xeon Phi Processors
Access to Intel Xeon Phi processor-based developer platforms.
With one year of Intel Parallel Studio XE.
Training and support from Colfax.
Order your platform today.http://sdm.link/intel
_______________________________________________
Nvda-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/nvda-devel



------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, SlashDot.org! http://sdm.link/slashdot
_______________________________________________
Nvda-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/nvda-devel
Loading...