Merge pull request #167 from LaurierHawkHacks/166-fix-faq-accordion-h…

…ighlights-text-on-click Fix/166/FAQ-accordion-text-highlight-fix
LaurierHawkHacks · Mar 27, 2024 · b4b2397 · b4b2397
2 parents 18b141d + 92c8a81
commit b4b2397
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/components/Accordion.tsx b/src/components/Accordion.tsx
@@ -17,10 +17,9 @@ const Accordion: React.FC<AccordionProps> = ({ items }) => {
             {items.map((item, index) => (
                 <div key={index} className="px-3 w-full md:w-1/2 mb-5">
                     <div
-                        className={`cursor-pointer flex justify-between items-center p-4 bg-white border-black rounded-xl border ${
-                          activeIndex === index ? 'rounded-b-none' : ''
-                        }`}
+                        className={`cursor-pointer flex justify-between items-center p-4 bg-white border-black rounded-xl border select-none ${activeIndex === index ? 'rounded-b-none' : ''}`}
                         onClick={() => toggleAccordion(index)}
+                        role="button"
                     >
                         <h6 className="text-black">{item.question}</h6>
                         <span