Last modified: 2013-07-09 15:42:09 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T33670, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 31670 - Make collapsible boxes more usable by having the whole header row clickable
Make collapsible boxes more usable by having the whole header row clickable
Status: RESOLVED INVALID
Product: MediaWiki
Classification: Unclassified
JavaScript (Other open bugs)
1.18.x
All All
: Normal normal (vote)
: ---
Assigned To: Nobody - You can work on this!
: javascript
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2011-10-13 14:47 UTC by Liangent
Modified: 2013-07-09 15:42 UTC (History)
5 users (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments

Description Liangent 2011-10-13 14:47:14 UTC
On zhwiki, an admin changed Template:HideH to the new jQuery.makeCollapsible from some home-made scripts in MediaWiki:Common.js. However this made some people uncomfortable because it is impossible to expand the box by clicking on the header row now but it used to be impossible. Although it's completely fine to restore the original one locally, I guess this can be a valid enhancement which may make this feature more usable.
Comment 1 Liangent 2011-10-13 14:51:48 UTC
s/it used to be impossible/it used to be possible/
Comment 3 Derk-Jan Hartman 2011-10-15 15:43:06 UTC
Can conflict with sortable tables (also has entire header as sortdirection widget, and also with links in table headers which was actually initially a sortable tables bug)
Comment 4 Bartosz Dziewoński 2013-07-09 15:42:09 UTC
This shouldn't be the default behavior.

It is, however, easily possible now, for example using constructs like this: 

<div class="mw-collapsible" style="border: 1px solid grey;">
<div class="mw-collapsible-toggle" style="background: lightskyblue; text-align: center; float: none;">Header</div>
<div class="mw-collapsible-content">
* Text
* Text
* Text
</div>
</div>

The entire blue "Header" area will be clickable and will toggle the "Text" content. More complicated layouts are possible, there's a gallery of examples (also serving as a test suite) at https://test.wikipedia.org/wiki/User:Krinkle/CollapsingTestpageMw (I'm afraid there is no full documentation anywhere, though).

I'm closing this bug as INVALID. Template creators: feel free to implement this on their wikis now and ask for help at #mediawiki IRC channel :)

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links