[#7685] - Html select element not working in Firefox when logged in on the front end and module edit is on
- Closed
- 13 Aug 2015
- Medium
- Build: master
- # 7685
Steps to reproduce the issue
You should have some kind of content that includes (a form with) a html select element. For testing you could create a custom html module containing just a select element with two options. [Edit: See next post for demo code]
Set Mouse over Edit icons to Modules and menus (in System > Global configuration)
Then, using Firefox (Windows or Mac) log into the front end as an admin and navigate to your module. Click the select element and try to select the second option.
Expected result
You would expect to be able to select the second option.
Actual result
The drop-down list containing the option items disappears as soon as you try to hover over it.
System information (as much as possible)
Joomla 3.4.3
Consistent on several templates: Protostar, T3 blank template, Helix framework.
Firefox on both Windows and Mac are affected, other browsers (IE11, Chrome, Safari) are ok.
Additional comments
Maybe not very urgent and avoidable by using an other browser - once you know in which circumstances this issue will occur. But it can be quite annoying.
[This first post is edited after feedback from other users]
Votes
Firefox, Macintosh, Protostar: I do not confirm this issue here:
Thanks for testing. Are you sure that you did log in on the front end?
Yep.
Thx. Strange as this issue was reported as reproduced before submitting it here by someone on http://forum.joomlacommunity.eu
More specific: http://forum.joomlacommunity.eu/showthread.php?p=123085#post123085 (in Dutch language)
I can confirm this in FF 40.0 and a clean install of Joomla - Protostar
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7685.
My version of Firefox is 39.03. Test done on 3.4.4-dev.
@infograf768 I think that this issue occurs when you are logged in at the front end as admin. In that case you will get an "Edit module" link, I think that is has something to do with this link.
So maybe you were logged in but not as admin?
And if you can reproduce it if you are logged in as admin, I should added this info to the "Steps to reproduce".
I was logged as super user (admin). Edit module and menus was not implemented.
I now implemented it and, after logout-login (important!), I can reproduce the issue.
As soon as I set "Mouse-over Edit Icons for" to None, the problem disapears.
Thanks, I didn't think of the option of disabling the Edit module and menus link.
I edited my first post adding this information.
| Title |
|
||||||
joomla-cms-bot
- | Title |
|
||||||
Updated title to fit
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7685.
I too can confirm this issue when tested with Firefox 39.0.3 and 40.0 on Mac using Protostar.
Oddly, there is some instances where things work okay...
When I visit a page with a form (either the User Profile page or Submit an Article page) the styles from the Chosen javascript file get added to the test dropdowns in my Custom HTML module and work as expected in Firefox.
Which maybe that is a separate issue of why does the Chosen styles apply to my custom drop down elements?
BTW, if I edit the html module concerned in frontend, the dropdown works ok in the real module. So it seems it is not only related to profile editing but any page showing an edit field.
Oddly, there is some instances where things work okay...
This is because it is loaded for the edit view but not generaly with:
JHtml::_('formbehavior.chosen', 'select');
edit.php (Frontend User Edit View): https://github.com/joomla/joomla-cms/blob/staging/components/com_users/views/profile/tmpl/edit.php#L14
@infograf768 just remove this line: https://github.com/joomla/joomla-cms/blob/staging/media/system/js/frontediting-uncompressed.js#L125 and selects will work again.
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2015-08-13 13:44:37 |
| Closed_By | ⇒ | Bakual |
Sorry, my demo code for a simple html select element was not processed as code by the issue tracker. I'll make a new attempt:
<select name="test">
<option value="1">Test 1</option>
<option value="2">Test 2</option>
</select>
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7685.