<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> #2392 (Dropdown boxes not working as expected on settings page) – bbPress Trac </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!--[if IE]><script type="text/javascript"> if (/^#__msie303:/.test(window.location.hash)) window.location.replace(window.location.hash.replace(/^#__msie303:/, '#')); </script><![endif]--> <link rel="search" href="/search" /> <link rel="prev" href="/ticket/2391" title="Ticket #2391" /> <link rel="last" href="/ticket/3609" title="Ticket #3609" /> <link rel="help" href="/wiki/TracGuide" /> <link rel="alternate" href="/ticket/2392?format=csv" type="text/csv" class="csv" title="Comma-delimited Text" /> <link rel="alternate" href="/ticket/2392?format=tab" type="text/tab-separated-values" class="tab" title="Tab-delimited Text" /> <link rel="alternate" href="/ticket/2392?format=rss" type="application/rss+xml" class="rss" title="RSS Feed" /> <link rel="next" href="/ticket/2393" title="Ticket #2393" /> <link rel="start" href="/wiki" /> <link rel="stylesheet" href="https://s.w.org/style/trac/common/css/trac.css?v=220" /> <link rel="stylesheet" href="https://s.w.org/style/trac/common/css/ticket.css?v=220" /> <link rel="stylesheet" href="https://s.w.org/style/trac/common/css/jquery-ui/jquery-ui.css?v=220" /> <link rel="stylesheet" href="https://s.w.org/style/trac/common/css/jquery-ui-addons.css?v=220" /> <link rel="icon" href="https://bbpress.org/favicon.ico" type="image/x-icon" /> <link rel="first" href="/ticket/1" title="Ticket #1" /> <style id="trac-noscript" type="text/css">.trac-noscript { display: none !important }</style> <link type="application/opensearchdescription+xml" rel="search" href="/search/opensearch" title="Search bbPress Trac" /> <script type="text/javascript"> var auto_preview_timeout=2.0; var form_token="97f088242a1bf4e648dbcf5e"; var jquery_ui={"ampm":true,"date_format":"mm/dd/yy","day_names":{"abbreviated":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"narrow":["Su","Mo","Tu","We","Th","Fr","Sa"],"wide":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},"default_timezone":null,"first_week_day":0,"month_names":{"abbreviated":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wide":["January","February","March","April","May","June","July","August","September","October","November","December"]},"period_names":{"am":["AM","AM"],"pm":["PM","PM"]},"show_timezone":false,"time_format":"hh:mm:ss TT","timepicker_separator":" ","timezone_iso8601":false,"timezone_list":null}; var comments_prefs={"comments_order":"oldest","show_comments":"true","show_prop_changes":"true"}; </script> <link rel="dns-prefetch" href="//fonts.googleapis.com" /> <link rel="dns-prefetch" href="//www.googletagmanager.com" /> <script>//<![CDATA[ (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P24PF4B'); //]]></script> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=3.8.1-alpha" type="text/css" media="all" /> <link type="text/css" media="screen" rel="stylesheet" href="//bbpress.org/wp-content/themes/bb-base/style.css?v=24" /> <link type="text/css" media="screen" rel="stylesheet" href="//bbpress.org/wp-content/themes/bb-base/style-bbpress.css?v=24" /> <meta name="viewport" content="width=device-width" /> <link rel="stylesheet" href="https://s.w.org/wp-includes/css/dashicons.min.css?20150710" type="text/css" /> <link rel="stylesheet" type="text/css" href="https://s.w.org/style/trac/wp-trac.css?220" /> <script src="https://s.w.org/style/trac/common/js/jquery.js?v=220"></script> <link rel="canonical" href="https://bbpress.trac.wordpress.org/ticket/2392" /> <script src="https://s.w.org/style/trac/common/js/babel.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/trac.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/search.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/folding.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/wikitoolbar.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/resizer.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/auto_preview.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/jquery-ui.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/jquery-ui-addons.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/jquery-ui-i18n.js?v=220"></script> <script type="text/javascript"> jQuery("#trac-noscript").remove(); jQuery(document).ready(function($) { $(".trac-autofocus").focus(); $(".trac-target-new").attr("target", "_blank"); if ($.ui) { /* is jquery-ui added? */ $(".trac-datepicker:not([readonly])").prop("autocomplete", "off").datepicker(); $(".trac-datetimepicker:not([readonly])").prop("autocomplete", "off").datetimepicker(); $("#main").addClass("trac-nodatetimehint"); } $(".trac-disable").disableSubmit(".trac-disable-determinant"); setTimeout(function() { $(".trac-scroll").scrollToTop() }, 1); $(".trac-disable-on-submit").disableOnSubmit(); }); </script> <script src="https://s.w.org/style/trac/common/js/threaded_comments.js?v=220"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $("div.description").find("h1,h2,h3,h4,h5,h6").addAnchor(_("Link to this section")); $(".foldable").enableFolding(false, true); /*<![CDATA[*/ $("#attachments").toggleClass("collapsed"); $("#trac-up-attachments").click(function () { $("#attachments").removeClass("collapsed"); return true; }); $("#modify").parent().toggleClass("collapsed"); $(".trac-topnav a").click(function() { $("#modify").parent().removeClass("collapsed"); }); function setRevertHandler() { $("button.trac-revert").click(function() { var div = $("div", this); var field_name = div[0].id.substr(7); var field_value = div.text(); var input = $("#propertyform *[name=field_" + field_name + "]"); if (input.length > 0) { if (input.filter("input[type=radio]").length > 0) { input.val([field_value]); } else if (input.filter("input[type=checkbox]").length > 0) { input.val(field_value == "1" ? [field_value] : []); } else { input.val(field_value); } } else { // Special case for CC checkbox input = $("#propertyform input[name=cc_update]").val([]); } input.change(); // Remove the revert button if ($(this).closest("tbody").children("tr").length === 1) $(this).closest(".trac-change-panel").remove(); else $(this).closest("tr").remove(); return false; }); } setRevertHandler(); var comment_focused = false; $("#comment").focus(function() { comment_focused = true; }) .blur(function() { comment_focused = false; }); $("#propertyform").autoSubmit({preview: '1'}, function(data, reply) { var items = $(reply); // Update ticket box $("#ticket").replaceWith(items.filter('#ticket')); // Replaces content of #changelog, without recreating it $("#changelog").empty().append(items.filter("#changelog").contents()); // Apply comments order and "Show" preferences applyCommentsOrder( $('#prefs input[name="trac-comments-order"]:checked').val()); // Show warning var new_changes = $("#changelog .trac-new"); $("#trac-edit-warning").toggle(new_changes.length != 0); if (new_changes.length != 0) $("#changelog").parent().show().removeClass("collapsed"); // Update view time $("#propertyform input[name='view_time']").replaceWith(items.filter("input[name='view_time']")); // Update preview var preview = $("#ticketchange").html(items.filter('#preview').children()); var show_preview = preview.children().length != 0; $("#ticketchange").toggle(show_preview); setRevertHandler(); // Execute scripts to load stylesheets items.filter("script").appendTo("head"); }, "#ticketchange .trac-loading"); $("#trac-comment-editor").autoSubmit({preview_comment: '1'}, function(data, reply) { var comment = $("#trac-comment-editor").next("div.comment").html(reply); comment.toggle(comment.children().length != 0); }, "#changelog .trac-loading"); /*]]>*/ }); </script> </head> <body id="wordpress-org" class="bbpress trac wporg-make make-bbpress"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P24PF4B" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <dl id="accessibility"> <dt>Skip to:</dt> <dd><a href="#content" title="Skip to content">Content</a></dd> </dl> <div id="wporg-header"> <div id="header-inner"> <button id="mobile-menu-button" aria-expanded="false"><span class="screen-reader-text">Toggle Menu</span></button> <ul id="wporg-header-menu"> <li><a href="https://bbpress.org/about/">About</a></li> <li><a href="https://bbpress.org/plugins/">Plugins</a></li> <li><a href="https://bbpress.org/themes/">Themes</a></li> <li><a href="https://codex.bbpress.org/">Documentation</a></li> <li><a href="https://bbpress.org/blog/">Blog</a></li> <li><a href="https://bbpress.org/forums/">Support</a></li> <li class="download"><a href="https://bbpress.org/download/">Download</a></li> </ul> <h1><a href="https://bbpress.org">bbPress.org</a></h1> </div> </div> <div id="subnav"> <div id="subnav-inner"> <ul id="nav-user" class="menu"> <li class="last first"> <a href="https://login.wordpress.org/?redirect_to=https%3A%2F%2Fbbpress.trac.wordpress.org%2Fticket%2F2392" class="login">Login</a></li> </ul> </div> </div> <div id="banner"> <form id="search" action="/search" method="get"> <div> <label for="proj-search">Search:</label> <input type="text" id="proj-search" name="q" size="18" value="" /> <input type="submit" value="Search" /> </div> </form> </div> <div id="mainnav" class="nav"> <ul> <li class="first"><a href="/timeline">Timeline</a></li><li class="active"><a href="/report">View Tickets</a></li><li><a href="/roadmap">Roadmap</a></li><li><a href="/browser">Browse Source</a></li><li class="last"><a href="/ticketgraph">Ticket Graph</a></li> </ul> </div> <div id="main"> <div id="ctxtnav" class="nav"> <h2>Context Navigation</h2> <ul> <li class="first"><span>← <a class="prev" href="/ticket/2391" title="Ticket #2391">Previous Ticket</a></span></li><li class="last"><span><a class="next" href="/ticket/2393" title="Ticket #2393">Next Ticket</a> →</span></li> </ul> <hr /> </div> <div id="content" class="ticket"> <div id="ticket" class="trac-content "> <div class="date"> <p>Opened <a class="timeline" href="/timeline?from=2013-08-23T22%3A26%3A23Z&precision=second" title="See timeline at 08/23/2013 10:26:23 PM">11 years ago</a></p> <p>Closed <a class="timeline" href="/timeline?from=2014-01-03T07%3A46%3A42Z&precision=second" title="See timeline at 01/03/2014 07:46:42 AM">11 years ago</a></p> </div> <h2> <a href="/ticket/2392" class="trac-id">#2392</a> <span class="trac-status"> <a href="/query?status=closed">closed</a> </span> <span class="trac-type"> <a href="/query?status=!closed&type=defect+(bug)">defect (bug)</a> </span> <span class="trac-resolution"> (<a href="/query?status=closed&resolution=fixed">fixed</a>) </span> </h2> <h1 id="trac-ticket-title" class="searchable"> <span class="summary">Dropdown boxes not working as expected on settings page</span> </h1> <table class="properties"> <tr> <th id="h_reporter">Reported by:</th> <td headers="h_reporter" class="searchable"> <a href="https://profiles.wordpress.org/alex-ye" data-nicename="alex-ye"> <img class="avatar" src="https://wordpress.org/grav-redirect.php?user=alex-ye&s=48" srcset="https://wordpress.org/grav-redirect.php?user=alex-ye&s=96 2x" height="48" width="48" alt="alex-ye's profile" /> </a> <a class="trac-author" href="/query?status=!closed&reporter=alex-ye">alex-ye</a></td> <th id="h_owner" class="missing">Owned by:</th> <td headers="h_owner"></td> </tr> <tr> <th id="h_milestone"> Milestone: </th> <td headers="h_milestone"> <a class="closed milestone" href="/milestone/2.5.3" title="Completed 11 years ago (01/11/2014 06:23:37 PM)">2.5.3</a> </td> <th id="h_priority"> Priority: </th> <td headers="h_priority"> <a href="/query?status=!closed&priority=high">high</a> </td> </tr><tr> <th id="h_severity"> Severity: </th> <td headers="h_severity"> <a href="/query?status=!closed&severity=normal">normal</a> </td> <th id="h_version"> Version: </th> <td headers="h_version"> <a href="/query?status=!closed&version=2.3.2">2.3.2</a> </td> </tr><tr> <th id="h_component"> Component: </th> <td headers="h_component"> <a href="/query?status=!closed&component=General+-+UI%2FUX">General - UI/UX</a> </td> <th id="h_keywords"> Keywords: </th> <td headers="h_keywords" class="searchable"> <a href="/query?status=!closed&keywords=~has-patch">has-patch</a> </td> </tr><tr> <th id="h_cc"> Cc: </th> <td headers="h_cc" class="searchable"> pippin@…, stephen@… </td> <th class="missing"> </th> <td> </td> </tr> </table> <div class="description"> <h3 id="comment:description"> Description </h3> <div class="searchable"> <p>Open the new bbPress settings page, and try to change the default user role, or the nested replies depth.<br /></p><p>It's hard, right?! because you have to hold on the mouse to change the select option, How many users will know this? I think we should remove the checkbox label or do something smarter.<br /></p><p>Any ideas?!<br /></p> </div> </div></div> <div id="attachments"> <h3 class="foldable">Attachments <span class="trac-count">(2)</span></h3> <div class="attachments"> <dl class="attachments"> <dt> <a href="/attachment/ticket/2392/2392.patch" title="View attachment">2392.patch</a><a href="/raw-attachment/ticket/2392/2392.patch" class="trac-rawlink" title="Download"></a> (<span title="2681 bytes">2.6 KB</span>) - added by <span class="trac-author">alex-ye</span> <a class="timeline" href="/timeline?from=2013-09-03T04%3A15%3A05Z&precision=second" title="See timeline at 09/03/2013 04:15:05 AM">11 years ago</a>. </dt> <dt> <a href="/attachment/ticket/2392/2392.2.diff" title="View attachment">2392.2.diff</a><a href="/raw-attachment/ticket/2392/2392.2.diff" class="trac-rawlink" title="Download"></a> (<span title="2971 bytes">2.9 KB</span>) - added by <span class="trac-author">netweb</span> <a class="timeline" href="/timeline?from=2013-12-28T06%3A45%3A47Z&precision=second" title="See timeline at 12/28/2013 06:45:47 AM">11 years ago</a>. </dt> </dl> <p> Download all attachments as: <a rel="nofollow" href="/zip-attachment/ticket/2392/">.zip</a> </p> </div> </div> <div> <div class="trac-noscript" style="position: relative"> <form id="prefs" method="get" action="/prefs" style="position: absolute; right: 0"> <div id="trac-comments-order"> <input type="radio" id="trac-comments-oldest" name="trac-comments-order" value="oldest" checked="checked" /> <label for="trac-comments-oldest">Oldest first</label> <input type="radio" id="trac-comments-newest" name="trac-comments-order" value="newest" /> <label for="trac-comments-newest">Newest first</label> <span id="trac-threaded-toggle" style="display: none"> <input type="radio" id="trac-comments-threaded" name="trac-comments-order" value="threaded" /> <label for="trac-comments-threaded">Threaded</label> </span> </div> <div> <input id="trac-show-comments-toggle" type="checkbox" checked="checked" /> <label for="trac-show-comments-toggle">Show comments</label> <input id="trac-show-property-changes-toggle" type="checkbox" /> <label for="trac-show-property-changes-toggle">Show property changes</label> </div> </form> </div> <h3 class="foldable">Change History <span class="trac-count">(14)</span></h3> <div id="changelog"> <div class="change" id="trac-change-1-1377353224833406"> <h3 class="change"> <span class="threading"> <span id="comment:1" class="cnum"> <a href="#comment:1">#1</a> </span> <span>follow-up:</span> <a href="#comment:3" class="follow-up">↓ 3</a> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/johnjamesjacoby" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=johnjamesjacoby&s=48" srcset="https://wordpress.org/grav-redirect.php?user=johnjamesjacoby&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="johnjamesjacoby" data-nicename="johnjamesjacoby"><span class="trac-author">johnjamesjacoby</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-08-24T14%3A07%3A04Z&precision=second" title="See timeline at 08/24/2013 02:07:04 PM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-milestone"> <strong class="trac-field-milestone">Milestone</strong> changed from <em>Awaiting Review</em> to <em>Future Release</em> </li> </ul> <div class="comment searchable"> <p>Seems fine to me, and mirrors <a class="wiki" href="/wiki/WordPress">WordPress</a>'s core behavior. Moving to future release pending discussion and a patch.<br /></p> </div> </div> <div class="change" id="trac-change-2-1377357034857712"> <h3 class="change"> <span class="threading"> <span id="comment:2" class="cnum"> <a href="#comment:2">#2</a> </span> <span>follow-up:</span> <a href="#comment:4" class="follow-up">↓ 4</a> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/mordauk" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=mordauk&s=48" srcset="https://wordpress.org/grav-redirect.php?user=mordauk&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="mordauk" data-nicename="mordauk"><span class="trac-author">mordauk</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-08-24T15%3A10%3A34Z&precision=second" title="See timeline at 08/24/2013 03:10:34 PM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-cc"> <strong class="trac-field-cc">Cc</strong> <em>pippin@…</em> added </li> </ul> <div class="comment searchable"> <p>Works with a single click for me.<br /></p> </div> </div> <div class="change" id="trac-change-3-1377372151131220"> <h3 class="change"> <span class="threading"> <span id="comment:3" class="cnum"> <a href="#comment:3">#3</a> </span> in reply to: <a href="#comment:1">↑ 1</a> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/alex-ye" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=alex-ye&s=48" srcset="https://wordpress.org/grav-redirect.php?user=alex-ye&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="alex-ye" data-nicename="alex-ye"><span class="trac-author">alex-ye</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-08-24T19%3A22%3A31Z&precision=second" title="See timeline at 08/24/2013 07:22:31 PM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <div class="comment searchable"> <p>Replying to <a class="ticket" href="/ticket/2392#comment:1" title="Comment 1">johnjamesjacoby</a>:<br /></p><blockquote class="citation"><p>Seems fine to me, and mirrors <a class="wiki" href="/wiki/WordPress">WordPress</a>'s core behavior. Moving to future release pending discussion and a patch.<br /></p></blockquote><p><a class="wiki" href="/wiki/WordPress">WordPress</a> doesn't include the select element in the checkbox label!<br />Can you give an examples?<br /></p> </div> </div> <div class="change" id="trac-change-4-1377372410818443"> <h3 class="change"> <span class="threading"> <span id="comment:4" class="cnum"> <a href="#comment:4">#4</a> </span> in reply to: <a href="#comment:2">↑ 2</a> ; <span>follow-up:</span> <a href="#comment:7" class="follow-up">↓ 7</a> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/alex-ye" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=alex-ye&s=48" srcset="https://wordpress.org/grav-redirect.php?user=alex-ye&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="alex-ye" data-nicename="alex-ye"><span class="trac-author">alex-ye</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-08-24T19%3A26%3A50Z&precision=second" title="See timeline at 08/24/2013 07:26:50 PM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <div class="comment searchable"> <p>Replying to <a class="ticket" href="/ticket/2392#comment:2" title="Comment 2">mordauk</a>:<br /></p><blockquote class="citation"><p>Works with a single click for me.<br /></p></blockquote><p>hmm.. strange!<br /></p><p>Did you understand the problem? <br />When you change the select value, the checkbox is clicked at the same time!<br /></p> </div> </div> <div class="change" id="trac-change-5-1377514354634292"> <h3 class="change"> <span class="threading"> <span id="comment:5" class="cnum"> <a href="#comment:5">#5</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/netweb" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=netweb&s=48" srcset="https://wordpress.org/grav-redirect.php?user=netweb&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="netweb" data-nicename="netweb"><span class="trac-author">netweb</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-08-26T10%3A52%3A34Z&precision=second" title="See timeline at 08/26/2013 10:52:34 AM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <div class="comment searchable"> <p><em>When 'left clicking' a select drop down form control the list automatically collapses without you being able to select an item from the drop down list. To select an item you must hold the mouse left click action and move the pointer to the option value of choice then release the left click to have option value populated.</em><br /></p><p>Confirmed in Google Chrome Canary Version 31.0.1610.5 canary Aura SyzyASan Windows x64<br /></p><p>'Works for me' as expected with Google Chrome Version 29.0.1547.57 Windows x64<br /></p><p>I couldn't find the issue over here: <a class="ext-link" href="https://code.google.com/p/chromium/issues/list"><span class="icon"></span>https://code.google.com/p/chromium/issues/list</a><br /></p><p>@alex-ye If you are only seeing this with Chrome Canary on Window I think this ticket can be closed.<br /></p> </div> </div> <div class="change" id="trac-change-6-1377514411134090"> <h3 class="change"> <span class="threading"> <span id="comment:6" class="cnum"> <a href="#comment:6">#6</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/netweb" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=netweb&s=48" srcset="https://wordpress.org/grav-redirect.php?user=netweb&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="netweb" data-nicename="netweb"><span class="trac-author">netweb</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-08-26T10%3A53%3A31Z&precision=second" title="See timeline at 08/26/2013 10:53:31 AM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-cc"> <strong class="trac-field-cc">Cc</strong> <em>stephen@…</em> added </li> </ul> </div> <div class="change" id="trac-change-7-1377566507897125"> <h3 class="change"> <span class="threading"> <span id="comment:7" class="cnum"> <a href="#comment:7">#7</a> </span> in reply to: <a href="#comment:4">↑ 4</a> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/netweb" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=netweb&s=48" srcset="https://wordpress.org/grav-redirect.php?user=netweb&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="netweb" data-nicename="netweb"><span class="trac-author">netweb</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-08-27T01%3A21%3A47Z&precision=second" title="See timeline at 08/27/2013 01:21:47 AM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-priority"> <strong class="trac-field-priority">Priority</strong> changed from <em>normal</em> to <em>high</em> </li><li class="trac-field-summary"> <strong class="trac-field-summary">Summary</strong> changed from <em>Select with Checkbox pain!</em> to <em>Dropdown boxes not working as expected on settings page</em> </li><li class="trac-field-type"> <strong class="trac-field-type">Type</strong> changed from <em>enhancement</em> to <em>defect</em> </li> </ul> <div class="comment searchable"> <p>via @ alexvorn2 Duplicate <a class="closed ticket" href="/ticket/2398" title="#2398: defect (bug): Dropdown boxes not working as expected on settings page (closed: duplicate)">#2398</a><br /></p><blockquote class="citation"><blockquote><p>Me using Firefox 23.0.1<br />OS - Windows 7 64b<br /></p></blockquote><p>To replicate:<br />go to settings page of the wp-admin/options-general.php?page=bbpress and try to open a select box<br /></p><p>What happens:<br />The dropdown boxes closes ofter the click.<br /></p><p>What should happen:<br />The dropbox should show after the click.<br /></p><p>Cause:<br />Select tag <select> is inside <label> tag that has a value names for, <br />so, clicking the dropdown box simulates clicking the checkbox and the dropdown box too.<br /></p><p>For what is for value:<br />"A label that is associated with a control via for will be clickable. Clicking it selects the control. Highly useful with radio/checkboxes in particular. It also has accessibility implications for screen readers for the visually impaired."<br /></p></blockquote> </div> </div> <div class="change" id="trac-change-8-1377572743504780"> <h3 class="change"> <span class="threading"> <span id="comment:8" class="cnum"> <a href="#comment:8">#8</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/alex-ye" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=alex-ye&s=48" srcset="https://wordpress.org/grav-redirect.php?user=alex-ye&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="alex-ye" data-nicename="alex-ye"><span class="trac-author">alex-ye</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-08-27T03%3A05%3A43Z&precision=second" title="See timeline at 08/27/2013 03:05:43 AM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <div class="comment searchable"> <p>@netweb I test it on Firefox 23<br /></p> </div> </div> <div class="change"> <h3 class="change"> <span class="threading"> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/alex-ye" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=alex-ye&s=48" srcset="https://wordpress.org/grav-redirect.php?user=alex-ye&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="alex-ye" data-nicename="alex-ye"><span class="trac-author">alex-ye</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-09-03T04%3A15%3A05Z&precision=second" title="See timeline at 09/03/2013 04:15:05 AM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-attachment"> <strong class="trac-field-attachment">Attachment</strong> <a href="/attachment/ticket/2392/2392.patch"><em>2392.patch</em></a><a href="/raw-attachment/ticket/2392/2392.patch" title="Download" class="trac-rawlink"></a> added </li> </ul> </div> <div class="change" id="trac-change-9-1388212838504429"> <h3 class="change"> <span class="threading"> <span id="comment:9" class="cnum"> <a href="#comment:9">#9</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/netweb" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=netweb&s=48" srcset="https://wordpress.org/grav-redirect.php?user=netweb&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="netweb" data-nicename="netweb"><span class="trac-author">netweb</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-12-28T06%3A40%3A38Z&precision=second" title="See timeline at 12/28/2013 06:40:38 AM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <div class="comment searchable"> <p>Updating current tests<br /></p><p>Works as expected in:<br /></p><ul><li>Google Chrome - Version 31.0.1650.63 m</li><li>Google Chrome Canary Version 34.0.1758.0 & 34.0.1763.0</li><li>Opera Version 12.12 & 12.16</li></ul><p>Does NOT work as expected in:<br /></p><ul><li>Firefox Aurora - Version 25.0a2 (2013-08-21) & 28.0a2 (2013-12-27)</li></ul><p>I think this behaviour is more quirks related and open to broad interpretation by the browsers within the context of multiple <code>label</code> and <code>input</code> nested elements.<br /></p><p>Either way incoming patch mimics <a class="wiki" href="/wiki/WordPress">WordPress</a>' settings/options behaviour.<br /></p> </div> </div> <div class="change"> <h3 class="change"> <span class="threading"> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/netweb" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=netweb&s=48" srcset="https://wordpress.org/grav-redirect.php?user=netweb&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="netweb" data-nicename="netweb"><span class="trac-author">netweb</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-12-28T06%3A45%3A47Z&precision=second" title="See timeline at 12/28/2013 06:45:47 AM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-attachment"> <strong class="trac-field-attachment">Attachment</strong> <a href="/attachment/ticket/2392/2392.2.diff"><em>2392.2.diff</em></a><a href="/raw-attachment/ticket/2392/2392.2.diff" title="Download" class="trac-rawlink"></a> added </li> </ul> </div> <div class="change" id="trac-change-10-1388213241273255"> <h3 class="change"> <span class="threading"> <span id="comment:10" class="cnum"> <a href="#comment:10">#10</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/netweb" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=netweb&s=48" srcset="https://wordpress.org/grav-redirect.php?user=netweb&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="netweb" data-nicename="netweb"><span class="trac-author">netweb</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-12-28T06%3A47%3A21Z&precision=second" title="See timeline at 12/28/2013 06:47:21 AM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-keywords"> <strong class="trac-field-keywords">Keywords</strong> <em>has-patch</em> added; <em>needs-patch</em> removed </li><li class="trac-field-milestone"> <strong class="trac-field-milestone">Milestone</strong> changed from <em>Future Release</em> to <em>Awaiting Review</em> </li> </ul> <div class="comment searchable"> <p>In <a class="ext-link" href="http://bbpress.trac.wordpress.org/attachment/ticket/2392/2392.2.diff"><span class="icon"></span>2392.2.diff</a> wrap each input element with its own label element.<br /></p><p>Eg. <a class="wiki" href="/wiki/WordPress">WordPress</a> Option 'Enable threaded (nested) comments` <a class="ext-link" href="http://core.trac.wordpress.org/browser/trunk/src/wp-admin/options-discussion.php#L75"><span class="icon"></span>/wp-admin/options-discussions.php#L75</a><br /></p><p>Works as expected in:<br /></p><ul><li>Google Chrome - Version 31.0.1650.63 m</li><li>Google Chrome Canary - Version 34.0.1758.0 & 34.0.1763.0</li><li>Opera - Version 12.16</li><li>Firefox Aurora - Version 28.0a2 (2013-12-27)</li></ul> </div> <div class="trac-lastedit "> Last edited <a class="timeline" href="/timeline?from=2013-12-28T06%3A50%3A31Z&precision=second" title="See timeline at 12/28/2013 06:50:31 AM">11 years ago</a> by <span class="trac-author">netweb</span> (<a href="/ticket/2392?cversion=0&cnum_hist=10#comment:10">previous</a>) (<a href="/ticket/2392?action=comment-diff&cnum=10&version=1">diff</a>) </div> </div> <div class="change" id="trac-change-11-1388433692055258"> <h3 class="change"> <span class="threading"> <span id="comment:11" class="cnum"> <a href="#comment:11">#11</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/johnjamesjacoby" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=johnjamesjacoby&s=48" srcset="https://wordpress.org/grav-redirect.php?user=johnjamesjacoby&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="johnjamesjacoby" data-nicename="johnjamesjacoby"><span class="trac-author">johnjamesjacoby</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-12-30T20%3A01%3A32Z&precision=second" title="See timeline at 12/30/2013 08:01:32 PM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-milestone"> <strong class="trac-field-milestone">Milestone</strong> changed from <em>Awaiting Review</em> to <em>2.5.3</em> </li> </ul> </div> <div class="change" id="trac-change-12-1388735202113712"> <h3 class="change"> <span class="threading"> <span id="comment:12" class="cnum"> <a href="#comment:12">#12</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/netweb" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=netweb&s=48" srcset="https://wordpress.org/grav-redirect.php?user=netweb&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="netweb" data-nicename="netweb"><span class="trac-author">netweb</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2014-01-03T07%3A46%3A42Z&precision=second" title="See timeline at 01/03/2014 07:46:42 AM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-resolution"> <strong class="trac-field-resolution">Resolution</strong> set to <em>fixed</em> </li><li class="trac-field-status"> <strong class="trac-field-status">Status</strong> changed from <em>new</em> to <em>closed</em> </li> </ul> <div class="comment searchable"> <p>In <a class="changeset" href="/changeset/5242" title="For single admin settings that contain both checkboxes and select ...">r5242</a>:<br />For single admin settings that contain both checkboxes and select drop-downs, use two labels. Fixes poor UX in some browsers. Props netweb. Fixes <a class="closed ticket" href="/ticket/2393" title="#2393: defect (bug): bbp_user_can_view_forum() and custom user ID (closed: fixed)">#2393</a>. (trunk)<br /></p><p>In <a class="changeset" href="/changeset/5243" title="For single admin settings that contain both checkboxes and select ...">r5243</a>:<br /></p><p>For single admin settings that contain both checkboxes and select drop-downs, use two labels. Fixes poor UX in some browsers. Props netweb. Fixes <a class="closed ticket" href="/ticket/2393" title="#2393: defect (bug): bbp_user_can_view_forum() and custom user ID (closed: fixed)">#2393</a>. (2.5 branch)<br /></p> </div> </div> </div> </div> <div id="help"><strong>Note:</strong> See <a href="/wiki/TracTickets">TracTickets</a> for help on using tickets.</div> </div> <div id="altlinks"> <a class="preferences-link" href="/prefs">Trac UI Preferences</a> <h3>Download in other formats:</h3> <ul> <li class="first"> <a rel="nofollow" href="/ticket/2392?format=csv" class="csv">Comma-delimited Text</a> </li><li> <a rel="nofollow" href="/ticket/2392?format=tab" class="tab">Tab-delimited Text</a> </li><li class="last"> <a rel="nofollow" href="/ticket/2392?format=rss" class="rss">RSS Feed</a> </li> </ul></div> </div> <div id="footer"> <div class="links"> <p> See also: <a href="http://wordpress.org">WordPress.org</a> • <a href="http://bbpress.org">bbPress.org</a> • <a href="http://buddypress.org">BuddyPress.org</a> • <a href="http://ma.tt">Matt</a> • <a href="http://bbpress.org/feed/" title="RSS Feed for Articles">Blog RSS</a> </p> </div> <div class="details"> <p> <a href="http://twitter.com/bbpress" class="twitter">Follow bbPress on Twitter</a> • <a href="http://bbpress.org/about/gpl/">GPL</a> • <a href="http://bbpress.org/contact/">Contact Us</a> • <a href="http://bbpress.org/terms/">Terms of Service</a> </p> </div> </div> <script> var wpTracCurrentUser = "anonymous"; </script> <script src="https://s.w.org/style/js/navigation.min.js?20190128"></script> <script src="https://s.w.org/style/trac/jquery.caret.min.js?ver=2015-02-01"></script> <script src="https://s.w.org/style/trac/jquery.atwho.min.js?ver=1.0.1"></script> <script src="https://s.w.org/style/trac/wp-trac.js?220"></script> </body></html>
