Last modified: 2014-11-20 09:21:54 UTC
Created attachment 16688 [details] Screenshot of bug. Echo renders a single "Alerts" tab atop the fly-out that by all accounts looks like link. Except it's not clickable (no pointer cursor on hover, no underline on hover). Internally it seems it is a real <a> element, with rule ".mw-echo-overlay .mw-ui-progressive.mw-ui-quiet" applied, giving it "pointer-events: none;". Thus the browser will not register the cursor being on the element and no style changes or events are fired as a result. This seems like a design/usability flaw. I know from other versions or states that there can be multiple tabs up there, so I guess in my state this is the only tab available, and its' already selected (naturally) and thus has no action tied to it. However it doesn't look like tab without a border or separator or other tabs of any kind, it also doesn't have any styling applied suggesting it is currently selected (e.g. greyed out, bolded, black instead of blue, etc.).
Looking at e.g. mediawiki.org where Flow is also installed the Alerts tab gets accompanied by a Message tab where one of the two is always clickable. (see attachment) Still it would be much clearer if the active tab had its lable in black text rather than looking like a link. This would also solve the confusion on all wikis that have Echo but not Flow installed.
Created attachment 17182 [details] On a wiki with Flow and Echo Screenshot of the text on a wiki with Flow and Echo