refinitiv / refinitiv-ui Goto Github PK

according to your building environment, should be:

otherwise you will get these errors:

and, you are welcome! : )

Context

Cloning the repo and then committing changes will fail due to dependencies not being installed in all of the sample apps.

Expected Behavior

Clongin the repo and installing npm dependencies on the root should be sufficient enough to commit changes back into the repoository.

Current Behavior

Commit hook fails to perform linting due to extended configs not being available in the sample apps until their dependencies are installed.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. Clone repo
2. npm i
3. Modify a file
4. Stage
5. Commit

Context

Microsoft Edge
Version 103.0.1264.49 (Official build) (64-bit)

Windows 11

@refinitiv-ui/[email protected]

Expected Behavior

detail attribute should also appear in Event from value-changed event in type definition

Current Behavior

no detail attribute in typescript lead to compile error or need to skip type checking or explicit type casting with CustomEvent<TextField>

Steps to Reproduce

1. follow the React sample and use text-field attribute with Typescript React
2. handle value-changed event with event listener
3. observe callback argument event

Context

• Versions of browsers: Chrome 103
• OS: Windows 10
• Versions of Element Framework: 6.0.1

Expected Behavior

It should be possible to activate a tab in ef-tab-bar by pressing Enter or Space on a keyboard.

Current Behavior

It is not possible to activate a tab in ef-tab-bar with a keyboard.

Steps to Reproduce

1. Open the first example at https://ui.refinitiv.com/elements/tab-bar (sorry, but I did not find how to make a permalink to the examples)
2. Focus the tab-bar by clicking on it or by using Tab key on a keyboard.
3. Select any tab that is not currently active using arrows on a keyboard.
4. Press Enter/Space

Context

• Versions of browsers Chrome 103
• OS: Windows 10
• Versions of Element Framework: 6.0.1

Expected Behavior

A tab in a tab bar should remain active when a user navigates across tabs using a keyboard

Current Behavior

A tab in a tab bar loses its active state when a user navigates across tabs using a keyboard

Steps to Reproduce

1. Open the first example at https://ui.refinitiv.com/elements/tab-bar (sorry, but I did not find how to make a permalink to the examples)
2. Click the first tab to ensure it is active
3. Move the cursor out of tab-bar
4. Move to another tab by pressing the right arrow on a keyboard
5. Notice that the first tab is not highlighted as active and a click on it produces a value-changed event.