'Styled component warning on Select element
Im creating a dropdown component using Styled Components, and in getting this warning in the first line of my tsx file
import styled from "styled-components";
Warning:
Select element must have an accessible name: Element has no title attribute Microsoft Edge Toolsaxe/forms
Current code
import styled from "styled-components";
const customDropDown = () => {
return (
<>
<label htmlFor="cars">Choose a car:</label>
<DDList name="cars" id="cars" aria-label="Dropdown">
<option value="ss">Car 1</option>
<option value="ss">Car 2</option>
<option value="ss">Car 3</option>
</DDList>
</>
);
};
export default customDropDown;
const DDList = styled.select``;
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
Solution | Source |
---|