X
Tap here to go to the mobile version of the site.

Support Forum

Firefox 35 & 36 on Mac don't select listboxes (html select) created by javascript / jquery, unless I set focus programmatically or I right-click on it.

Posted

I am creating a single page app and newly created <select></select> does not work. It seems the problem is these select do not get focus when I click on it. If I (1) set focus programmatically; or, (2) rigth-click on it, it works normally. Firefox 35 / 36 on Mac OSX 10.10.2.

I am creating a single page app and newly created <select></select> does not work. It seems the problem is these select do not get focus when I click on it. If I (1) set focus programmatically; or, (2) rigth-click on it, it works normally. Firefox 35 / 36 on Mac OSX 10.10.2.

Chosen solution

Got it!

I was using the jquery-ui's deprecated function .disableSelection() . It should disallow users to select text, but seems to give this collateral effect on FF.

I will try a CSS alternative suggested here .

Thanks!

Read this answer in context 0

Additional System Details

Installed Plug-ins

  • Adobe® Acrobat® Plug-in for Web Browsers, Version 11.0.10
  • Plugin that detects installed Citrix Online products (visit www.citrixonline.com).
  • Fornece informações sobre o navegador da web padrão
  • The Flip4Mac WMV Plugin allows you to view Windows Media content using QuickTime.
  • Fortinet SSL VPN FortiControl Firefox Plugin
  • Version 5.40.2.0
  • Displays Java applet content, or a placeholder if Java is not installed.
  • Módulo de Proteção - Banco Itau Unibanco
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in web pages. For more information, visit the QuickTime Web site.
  • Microsoft Office for Mac SharePoint Browser Plug-in
  • Shockwave Flash 16.0 r0
  • 5.1.10411.0
  • WebEx64 General Plugin Container Version 205

Application

  • Firefox 36.0
  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:36.0) Gecko/20100101 Firefox/36.0
  • Support URL: https://support.mozilla.org/1/firefox/36.0/Darwin/pt-BR/

Extensions

  • about:addons-memory 10 (about-addons-memory@tn123.org)
  • ColorZilla 2.8 ({6AC85730-7D0F-4de0-B3FA-21142DD85326})
  • Firebug 2.0.8 (firebug@software.joehewitt.com)
  • Rapportive 1.4.0.1 (rapportive@rapportive.com)
  • Firefox Certificate Store Hotfix 20150225.01 (firefox-hotfix@mozilla.org) (Inactive)

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription:
  • adapterDeviceID: 0x 126
  • adapterDrivers:
  • adapterRAM:
  • adapterVendorID: 0x8086
  • driverDate:
  • driverVersion:
  • info: {u'AzureCanvasBackend': u'quartz', u'AzureFallbackCanvasBackend': u'none', u'AzureContentBackend': u'quartz', u'AzureSkiaAccelerated': 0}
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • webglRenderer: Intel Inc. -- Intel HD Graphics 3000 OpenGL Engine
  • windowLayerManagerRemote: True
  • windowLayerManagerType: OpenGL

Modified Preferences

Misc

  • User JS: No
  • Accessibility: No
FredMcD
  • Top 10 Contributor
4257 solutions 59604 answers

I've called the big guys to help you. Good luck.

What job does your app do? Any other problems / issues?

I've called the big guys to help you. Good luck. What job does your app do? Any other problems / issues?
jscher2000
  • Top 10 Contributor
8765 solutions 71703 answers

Do you have a link to a publicly available page or test case demonstrating the problem? (I could only test on Windows myself.)

Do you have a link to a publicly available page or test case demonstrating the problem? (I could only test on Windows myself.)

Question owner

Hi, there. I tried to make a simple sample case... but it worked. My application is a backbone based dashboard panel. The problem occurs in some special condition I am trying to replicate. I the following links it was related to jquery.ui.modal window and datepickers. It is not my case, but I guess I am using something similar to modal windows.

I guess to case are related: 1. Select does not open dropdown onclick 2. Month select in datepicker inside a bootstrap-modal won't work in Firefox

If I succeed replicating the case, I will post it here.

Thanks!

Hi, there. I tried to make a simple sample case... but it worked. My application is a backbone based dashboard panel. The problem occurs in some special condition I am trying to replicate. I the following links it was related to jquery.ui.modal window and datepickers. It is not my case, but I guess I am using something similar to modal windows. I guess to case are related: 1. [https://support.mozilla.org/en-US/questions/964354 Select does not open dropdown onclick] 2. [http://stackoverflow.com/questions/22050641/month-select-in-datepicker-inside-a-bootstrap-modal-wont-work-in-firefox Month select in datepicker inside a bootstrap-modal won't work in Firefox] If I succeed replicating the case, I will post it here. Thanks!

Modified by floridia

Chosen Solution

Got it!

I was using the jquery-ui's deprecated function .disableSelection() . It should disallow users to select text, but seems to give this collateral effect on FF.

I will try a CSS alternative suggested here .

Thanks!

Got it! I was using the [http://api.jqueryui.com/disableselection/ jquery-ui's deprecated function .disableSelection()] . It should disallow users to select text, but seems to give this collateral effect on FF. I will try a CSS alternative suggested [http://stackoverflow.com/questions/13959336/why-is-disableselection-deprecated here] . Thanks!

Question owner

Anyway, the FF behaviour is not fine. Disabling text selection should not disable the dropdowns...

Anyway, the FF behaviour is not fine. Disabling text selection should not disable the dropdowns...
jscher2000
  • Top 10 Contributor
8765 solutions 71703 answers

Hi floridia, if you compare the CSS in Firefox's Inspector between your two versions, what rules are being used to disable selection? Some of the proprietary -moz properties can definitely cause problems.

Hi floridia, if you compare the CSS in Firefox's Inspector between your two versions, what rules are being used to disable selection? Some of the proprietary -moz properties can definitely cause problems.

Question owner

Hi jscher2000,

It seems it works by capturing the event and dropping it out...

From jquery-ui core:

(...) disableSelection: function() { return this.bind( ( $.support.selectstart ? "selectstart" : "mousedown" )

Could it be because there is no "selectstart" event, so it uses the "mousedown" instead ?

I didn't find that CSS rules in the inspector...

Hi jscher2000, It seems it works by capturing the event and dropping it out... From jquery-ui core: (...) disableSelection: function() { return this.bind( ( $.support.selectstart ? "selectstart" : "mousedown" ) Could it be because there is no "selectstart" event, so it uses the "mousedown" instead ? I didn't find that CSS rules in the inspector...

Question owner

According to this site , FF and Opera don't have the selectstart event...

According [http://help.dottoro.com/ljnactnw.php to this site] , FF and Opera don't have the selectstart event...
jscher2000
  • Top 10 Contributor
8765 solutions 71703 answers

floridia said

Could it be because there is no "selectstart" event, so it uses the "mousedown" instead ?

I didn't find that CSS rules in the inspector...

I think that's right.

''floridia [[#answer-699481|said]]'' <blockquote> Could it be because there is no "selectstart" event, so it uses the "mousedown" instead ? <br><br> I didn't find that CSS rules in the inspector... </blockquote> I think that's right.