You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I was creating a year selector using @synerise/ds-select or Select. However, I encountered a few issues:
No hover effect on items (Options)
Items are not clickable.
When clicking somewhere else, dropdown is not closing automatically.
Note: I am able to select items using arrow keys on keyboard with return key pressed.
here's the code:
`
import * as React from "react";
import Icon from "@synerise/ds-icon";
import {AngleDownS, SearchM} from "@synerise/ds-icon/dist/icons";
import theme from "@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme";
import Button from "@synerise/ds-button";
import Select from "@synerise/ds-select";
import {data} from "./mock";
I was creating a year selector using @synerise/ds-select or Select. However, I encountered a few issues:
Note: I am able to select items using arrow keys on keyboard with return key pressed.
here's the code:
`
import * as React from "react";
import Icon from "@synerise/ds-icon";
import {AngleDownS, SearchM} from "@synerise/ds-icon/dist/icons";
import theme from "@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme";
import Button from "@synerise/ds-button";
import Select from "@synerise/ds-select";
import {data} from "./mock";
const {Option} = Select;
export const YearSelector = (props) => {
const [selected, setSelected] = React.useState('2077-2078')
}
`
mock.js --->
export const data = ['2076-2077', '2077-2078', '2078-2079'];
I have also attached a video as reference. I would appreciate the help if this isn't an issue with the component ds-select.
ds-select.mp4
The text was updated successfully, but these errors were encountered: