Comments (6)
Can confirm this is happening in version 10.6.2 of PrimeReact, but does not happen in 10.5.1.
It just constantly scrolls back up to the top of the list.
Not Working (10.5.2 through 10.6.2)
It looks like the bug was introduced in 10.5.2
from primereact.
@melloware there's a half dozen issues related to this one, I think they relate to the changes/enhancements you made recently
from primereact.
736a9da
for now it breaks scrolling and arrow selection
changeFocusedOptionIndex
called scrollIntoView
but scrollIntoView
using data-p-highlight
as selector
maybe we need a data-p-focus
to differentiate
from primereact.
If I understand correctly, the scrollInView
should only be executed when the panel is opened.
the changeFocusedOptionIndex
should be executed when hover or arrow down and up
from primereact.
@kl-nevermore that is correct scrollInView only when panel is open and changedFocusedOptionIndex when panel is open and hover or keyboard.
from primereact.
PR submitted. Basically on Panel open it should focus the first selected option. On Hover or keyboard it should focus the current Target.
from primereact.
Related Issues (20)
- Tree Component: Custom template gives error when trying to close an expanded item using the keyboard HOT 2
- Unable to select item in Autcomplete with keyboard
- Dropdown: onChange is always 'value' key of options item HOT 1
- InputSwitch: Upgrading to 10.6.2 with Tailwind theme breaks component
- InputNumber: Typing in value doesn't work correctly when min is set HOT 4
- Dropdown: Issue on selecting option using keyboard up/down/enter key when optionValue is provided. HOT 3
- AutoComplete: Regression in Enter Key Selection Issue HOT 2
- Editor: Newline added (core QuillJS Issue) HOT 3
- Checkbox HOT 2
- InputNumber: can be cheated in order to enter symbols or letters HOT 15
- New component InputOtp
- Checkboxes & toggles broken HOT 7
- Multiple Components: classnames not being set in unstyled mode HOT 1
- Tailwind Style issue from version v10.x when using with reactflow HOT 13
- ButtonGroup: missing children prop HOT 1
- StepperPanel: New const instead of class components are no valid JSX.Element's HOT 9
- InputText: Typescript useRef types with new const instead of class components HOT 10
- Stepper: missing .p-component class for button.p-stepper-action HOT 3
- MeterGroup: Failed to resolve import "primereact/metergroup" from "src/App.tsx". HOT 10
- DataTable: dynamic column order did not work after manually drag/drop column for ordering.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from primereact.