FireFox not showing part of the jqxSwitchButton - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: Firefox, jqxSwitchButton, off, on, switch button

This topic contains 11 replies, has 6 voices, and was last updated by ivanpeevski 2 years ago.

Viewing 12 posts - 1 through 12 (of 12 total)

Author

FireFox not showing part of the jqxSwitchButton Posts
February 27, 2014 at 11:50 am FireFox not showing part of the jqxSwitchButton #50232

tbejot
Participant

I put the jqxSwitchButton in a page and of the Yes/No combo, Firefox has a blank for the No, but the Yes shows just fine. On other browsers the Yes/No combo looks fine. Is there something I need to do to get FireFox to show the No part of the Yes/No jqxSwitchButton?

February 28, 2014 at 5:59 am FireFox not showing part of the jqxSwitchButton #50267

Dimitar
Participant

Hello tbejot,

Please provide us with a sample code which demonstrates the reported issue. Make sure you are using the latest version of jQWidgets (3.2.1).

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

March 6, 2014 at 2:53 am FireFox not showing part of the jqxSwitchButton #50546

tbejot
Participant

Interesting. I put it on a test server and it worked find. On my localhost only the Yes shows up but not the No response even though the tab is there. IE, Opera, Chrome, and Safari work fine on the localhost. Anyway, no worries since it seems ok on the tesing server.

September 12, 2014 at 7:15 pm FireFox not showing part of the jqxSwitchButton #59473
evainefaye
Participant
I am seeing this exact same issue (and with this users example I’m working on a localhost development currently, I haven’t tested it deployed outside of that scenario)

Only happens in Firefox (I’m on FireFox 32, works fine in IE and Chrome)

I put together a fiddle, but whats strange is the fiddle works fine:

http://jsfiddle.net/s21jkb6L/

here is the code I have that is pretty much a duplicate of what the fiddle has (I even pulled the file sources in from the same location as the fiddle did)
```
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css" />		
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>		
		<script type="text/javascript" src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
		<script type="text/javascript">
			$(document).ready(function () {
				$("div#test").jqxSwitchButton();
			});
		</script>
	</head>
	<body>
		<div id="test"></div>
	</body>
</html>
```
That code gives me the following for the ‘off’ view only in firefox
September 12, 2014 at 9:36 pm FireFox not showing part of the jqxSwitchButton #59474

Peter Stoev
Keymaster

Hi evainefaye,

Your button is too small for displaying this text. You should set its “width”. Ex: http://jsfiddle.net/xobqbado/

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

September 13, 2014 at 2:05 am FireFox not showing part of the jqxSwitchButton #59479

evainefaye
Participant

Peter. I’ll try it again when home but I don’t think it’s the size of the element. The fiddle works find this only fails if you try this running as local host it seems but ill follow up

I did try multiple different things. It only fails for the “off” text the on text works fine

September 13, 2014 at 7:50 am FireFox not showing part of the jqxSwitchButton #59483

Peter Stoev
Keymaster

Hi evainefaye,

When you don’t set the width of the Switch Button and there’s not enough width for the text to be displayed on the element, it should be expected that you will not see the full text, unless you set the Switch Button’s width as I did in the Example I provided you.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

September 13, 2014 at 7:52 pm FireFox not showing part of the jqxSwitchButton #59491

evainefaye
Participant

Peter

I’ve determined that the issue ONLY seems o to happen if your running as http://localhost

The same exact code if I tried to go to http://stephanie-laptop/ then it displayed the off text, so its not a matter of size, or what i ahd for the labels, etc.

It looks like there is some kind of a bug that would make it not display when running as localhost

September 14, 2014 at 7:57 am FireFox not showing part of the jqxSwitchButton #59493

Peter Stoev
Keymaster

Hi evainefaye,

Sorry, we cannot reproduce such thing. In addition, there’s no difference whether it runs on a local host or real server.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

September 14, 2014 at 7:57 am FireFox not showing part of the jqxSwitchButton #59494

Peter Stoev
Keymaster

Hi evainefaye,

Sorry, we cannot reproduce such thing. In addition, there’s no difference whether it runs on a local host or real server. I would also remind you that when you build a web page, put DOCTYPE above the html tag.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

August 18, 2022 at 10:24 am FireFox not showing part of the jqxSwitchButton #122357

vikass@gmail.com
Participant

Hi Peter,

I am seeing exactly the same issue outlined by tbejot. I can see the value corresponding to onLabel but not the value corresponding to offLabel. The issue is only with Firefox 103.0.2 (64-bit). It works fine on Edge and Chrome. I am using localhost. Below is the code:

$(“#” + controlID).jqxSwitchButton({onLabel:”W”, offLabel:”E”, theme:”light”, height:15, width:40, thumbSize:’30%’});

Additionally, I have set the font-size to 10px in CSS.

Can you please advise?

Regards,
Vikas

August 19, 2022 at 10:59 am FireFox not showing part of the jqxSwitchButton #122365

ivanpeevski
Participant

Hi Vikas,

Thanks for the feedback and the example.
We will investigate the cause of the issue.
In the meantime, you can avoid this bug by setting thumbSize to a fixed value, instead of a %
See example here: jsfiddle

Best Regards,
Ivan Peevski
jQWidgets Team
http://www.jqwidgets.com/
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.