atapas / js-keyevents-demo Goto Github PK

Describe the bug
Dialog showing all the key codes in a table having no sticky-header

To Reproduce
Steps to reproduce the behavior:

1. Go to page
2. Click on show all key code
3. Scroll down to table
4. table header also scroll with table rows

Expected behavior
table header should be sticky to the top

Hey, I got to know that this page is not responsive the contents will be hidden and will be displayed in a very unattractive manner if we will change the resolution.

Describe the bug
When you run the app using a non-english keyboard, as the brazillian layout, ABNT2, some keys you press does not match with the information showed, altough it has the same keys as the american layout.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://js-keyevents-demo.vercel.app/'
2. Use any key that differs from the position on US keyboard layout
3. See that the infos does not match

Expected behavior
The key pressed do not depend on the keyboard layout.

Screenshots
The bug:

The keyboard layout i use:

Desktop:

• OS: Windows 11
• Browser: Chrome

When too many keyevents are registered, It takes the user a long time to move to top.
So, I think we can put a scroll to top button.

Describe the bug
improve the content in CODE_OF_CONDUCT.md

So the idea is to provide flexibility to the user so he/she can sort the given table by each column like by keyName ,event.code etc.

For viewing this feature
1.click on Show all key code button
2.hover on column from which you want sorting then you see an arrow
3.click on column table will be sorted based on that column

Here sorting result based on key name

Description
A minute typo in KEYCODE.md

To Reproduce
Steps to reproduce the behavior:

1. Go to ./KEYCODE.md
2. Scroll down to Line : 4
3. See error

Screenshots

Desktop:

• OS: WINDOWS 10
• Browser N/A
• Version N/A

UI can be improved for attractive look as currently site is looking too simple

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Hello sir I would like to change styles to look more attractive
Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.
The look and feel of the app can be made a lot better. Please improve it.

Describe the solution you'd like
Please suggest a design first
Do the code changes and implementation.

Describe the bug
There are some typos in CODE_OF_CONDUCT.md

To Reproduce
Steps to reproduce the behavior:

1. Go to CODE_OF_CONDUCT.md
2. Scroll through the file
3. See some typos

Expected behavior
All typos, grammatical, and syntax errors must be corrected

Is your feature request related to a problem? Please describe.
When viewing the site using a Mac device, the Modifiers column should detect the current OS used and display the key name accordingly. For example, Command should replace Meta key so that the user will understand that they invoked the named key as displayed in their Mac keyboard.

Describe the solution you'd like
In the loading of the web application, the current browser/OS is detected and appropriately, rename the Modifier keys applicable.

Describe alternatives you've considered
Remembering that the Meta key is for the Command key.

Additional context
Hacktoberfest?

Describe the bug
While hovering on the cards present in "Recent Articles" section the text is going out of border/box as shown

To Reproduce
Steps to reproduce the behavior:

1. Go to the homepage
2. Scroll down to blogs below "Recent Articles"
3. Hover over the card and see error

Expected behavior
The description should not overlap and go out of the border box when hovering over the cards.

Screenshots

![Screenshot (494)](https://github.com/atapas/js-keyevents-demo/assets/112203113/6e26df3d-4de8-4bed

-9646-ce0cdf26cac7)

Desktop (please complete the following information):

• OS: Windows
• Browser chrome
• Version 117.0.5938.134

Additional context
I want to work in it , please assign it to me.

Is your feature request related to a problem? Please describe.
As the user tries multiple keys, many rows are entered into the table list which makes it difficult to view them. The current flow does incorporate scrollTo to move the screen view to newly entered info. but then the headers are not visible in that view making it difficult to comprehend.

Describe the solution you'd like
The newly entered info. should appear at the top of the table, i.e. the list should be shown in a recent first manner for ease of comprehension. This approach would also help us remove the current scroll behavior and the user can scroll on demand to view old rows but would not have to go through this trouble for new info.

Describe alternatives you've considered
The currently implemented solution is already serving the purpose. I do have the single solution as suggested above to propose to enhance user experience.

Additional context
NA