refactor(controls): use button element for buttons instead of divs closes #1228

src/additional-components/Controls/index.tsx

@@ -23,12 +23,12 @@ export interface ControlProps extends HTMLAttributes<HTMLDivElement> {
   onInteractiveChange?: (interactiveStatus: boolean) => void;
 }
 
-export interface ControlButtonProps extends HTMLAttributes<HTMLDivElement> {}
+export interface ControlButtonProps extends HTMLAttributes<HTMLButtonElement> {}
 
 export const ControlButton: FC<ControlButtonProps> = ({ children, className, ...rest }) => (
-  <div className={cc(['react-flow__controls-button', className])} {...rest}>
+  <button className={cc(['react-flow__controls-button', className])} {...rest}>
     {children}
-  </div>
+  </button>
 );
 
 const Controls: FC<ControlProps> = ({

src/style.css

@@ -171,6 +171,7 @@
   &-button {
     width: 24px;
     height: 24px;
+    border: none;
 
     svg {
       width: 100%;