Coder Social home page Coder Social logo

Comments (6)

deeayeen avatar deeayeen commented on August 15, 2024

All updates addressed
#92

Here's a bunch of small issues. Not sure if you'd rather have them in individual issues or all together. If you want me to separate these out, let me know.

  • Key strokes on any page that contains a table should take focus to the table right away -- in other words, I don't want to have to put the mouse over the table -- hands on keyboard at all times
  • First arrow down puts blue line under row 0. Second arrow down puts highlighted row on row 1. There should only ever be a highlighted row -- never a row with just a blue line. On second thought, this appears to be an issue with the row when the mouse is over the row not the top line.
  • The actions to the right of the display need to be highlighted as well (the whole row needs to be highlighted).
  • Double blue marks above and below the Tags column should not be there. Fields should not be highlighted -- only entire rows
  • When at the bottom of the current page, if user hits down arrow, switch to next page (if not on last page)
  • When at top of page, if user hits up arrow, switch to previous page (if not on first page)
  • Home should go to page 1, record 1. Currently it stays on the current page, but goes to record 1 on the current page.
  • End should go to the last row of the last page (be careful around off-by-one errors when number of rows is even division of pages)
  • Left / right key correctly switches pages, but the first row in when that happens should be highlighted. It currently requires a page down to highlight it.
  • Two consecutive end keys toggle between last row and second to last row (on page -- should be in entering table)
  • Let's disable expanded rows for now -- keep the functionality there, but hide the icon and ignore the enter key -- for now -- we can revisit this.
  • If no row is selected (highlighted) and the user presses the end key, the first row is selected. If user hits end key again, last row on current page (should be last ever row) is selected.
  • Two consecutive presses of home key causes selected row to toggle between row 0 and row 1

from trueblocks-explorer.

tjayrush avatar tjayrush commented on August 15, 2024

A few remaining issues:

Issue 1
Start the app fresh (or reload the page)
Go to Names / Addresses table
Hit down arrow -- works correctly.
Keep hitting down arrow until the bottom of the current page -- does not go to next page
Hit next page (right arrow), does not go to next page
Hit END - goes correctly to the last record on last page
Hit HOME - goes correctly to the first record on first page
Hit right arrow -- now it goes to the next page
Hit HOME -- hit down arrow until last item on first page, hit down arrow again, it properly goes to the next page

(Summary -- paging by keyboard doesn't work until one hits HOME or END key)

Issue 2
Go to second page
Hit up arrow
It properly goes to previous page, but the first record is selected, not the last item on this new page as it should be.

Issue 3
(Less important)
When switching pages with left/right arrow, preserve the row you're on. If on third row in page, stay on third row in page.
(It may already work this way, but I don't think it does.)

Issue 4
Enable PageUp and PageDown keys in addition to left/right arrow keys for paging.

from trueblocks-explorer.

deeayeen avatar deeayeen commented on August 15, 2024

#94

Issues 1 and 4 fixed in the above PR

from trueblocks-explorer.

deeayeen avatar deeayeen commented on August 15, 2024

Issue 2 now solved on #94 as well

from trueblocks-explorer.

deeayeen avatar deeayeen commented on August 15, 2024

And with some fiddling... Issue 3 now solved on #94. All issues should now be addressed

from trueblocks-explorer.

tjayrush avatar tjayrush commented on August 15, 2024

Done.

from trueblocks-explorer.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.