Last modified: 2014-05-01 17:58:33 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 T55213, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 53213 - Collapsible editpage footer toggler should look/behave like the Vector sidebar
Collapsible editpage footer toggler should look/behave like the Vector sidebar
Status: RESOLVED WONTFIX
Product: MediaWiki
Classification: Unclassified
Interface (Other open bugs)
1.22.0
All All
: Lowest trivial (vote)
: 1.22.0 release
Assigned To: Nobody - You can work on this!
: accessibility, design
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2013-08-22 14:54 UTC by Krinkle
Modified: 2014-05-01 17:58 UTC (History)
4 users (show)

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


Attachments
Screenshot of collapsed state (85.27 KB, image/png)
2013-08-22 14:54 UTC, Krinkle
Details
Screenshot of expanded state (101.90 KB, image/png)
2013-08-22 14:57 UTC, Krinkle
Details

Description Krinkle 2013-08-22 14:54:36 UTC
Created attachment 13148 [details]
Screenshot of collapsed state

When this was in the Vector extension it was:
* a blue toggle link
* hovering it showed an underline
* clicking it expanded it and did *not* leave the toggle link focussed

This matched the user experience of the sidebar sections of the Vector skin.

When this was moved in core in I91a3704cb09 this was arbitrarily changed with no rationale, thus causing an inconsistent and confusing experience.

The toggle does not look like a clickable component compared to other components in the same context.

It looks neither like a link nor a button in its dormant state (see attached screenshot).

When clicked it also has the annoying effect of focussing the entire containing block level element for no reason (see attached screenshot).
Comment 1 Krinkle 2013-08-22 14:57:30 UTC
Created attachment 13149 [details]
Screenshot of expanded state
Comment 2 Isarra 2013-08-22 16:17:16 UTC
What you describe is because it doesn't use a <a>. This was stated quite plainly in the commit message; I don't know which is better practice in general terms, but while either approach can be problematic, the lack of a <a> in the editpage footer is consistent with the common (cross-skin) practice of using events without an <a> for such collapsible elements. Thus that the footer would do so as well stands to reason, as unlike the Vector-only sidebar style, this was a cross-skin change.

The use of <a>s or <a>-like behaviour can be quite useful from a UX perspective, however, so you can feel free to add that yourself, but do be sure to make it work with all skins, not just Vector.
Comment 3 Bartosz Dziewoński 2013-09-08 16:27:11 UTC
I believe that this change in behavior is an enhancement, not a regression. More than two weeks have gone by and I haven't heard a single complaint, even from usually militant en.wp people.

I suggest WONTFIX. Also changing priority to lowest and severity to trivial (somebody would have fixed it already if it was really major).
Comment 4 Andre Klapper 2013-09-26 15:08:55 UTC
As the Target Milestone on this ticket has been set to 1.22.0:

According to http://lists.wikimedia.org/pipermail/wikitech-l/2013-September/072030.html "MediaWiki 1.22 is slated for release on November 30th, at the very latest."

If this is still intended to get fixed for 1.22.0, a patch is needed soon.
Comment 5 Bartosz Dziewoński 2013-10-12 19:18:19 UTC
WONTFIX-ing, as I suggested a month ago. There were no comments since then,
so I assume nobody opposes it.
Comment 6 Krinkle 2014-05-01 17:58:33 UTC
@Isarra: Well, I personally don't agree. But I can see how that might make sense. However that doesn't answer the main concern I raised: It's inconsistent.

It was randomly changed in 1 very specific component. Especially from a design perspective we should strive for consistency. And considering this is all part of Vector, that should be easy, it's not in a different project.

If you propose changes like that, please do them in a separate change and apply them consistently at once, or not at all. I assume the rationale applies to the sidebar just as well?

So both should be using <a> and styled as dark grey text color. Or both should not use <a> and naturally styled grey text color. Either way, unless you have a reason for why the sidebar should be different, please restore the style as it was in the collapsible footer, or update the other areas of Vector as well.

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


Navigation
Links