search

muut / riotjs-admin

Administration panel – A Riot.js demo
https://moot.it/riotjs/demo/
125 stars 27 forks source link

Ghost links #2

Open fernandoacorreia opened 10 years ago

fernandoacorreia commented 10 years ago

When you click on a customer (e.g. https://moot.it/riotjs/demo/#/customer/1) there are invisible, but working, links on the lower part of the page that are left over from the customers list.

tipiirai commented 10 years ago

How can I repeat the issue? I didn't encounter the issue with Chrome or Firefox.

fernandoacorreia commented 10 years ago

I'm sorry, my report wasn't accurate. The ghost links do not appear if you go directly to the URL.

Steps to reproduce:

  1. Log on to https://moot.it/riotjs/demo/.
  2. Click on Customers.
  3. Click on any customer.
  4. Move the mouse down just below the invoices list.
  5. Notice the links without text.

I verified this in Chrome and Firefox for Linux and in Chrome for Windows.

Attached is a screenshot showing the error:

Screenshot

fernandoacorreia commented 10 years ago

On my testing, one way to solve this is to make inactive pages have display: none and active pages should have display: block. This gets a bit trickier because of the way the logout/login processing is handled. When logging out, it should switch all pages to inactive, and when logging back in, it should switch the first page to active.