Merge pull request #7162 from Forchapeatl/patch-1

Fix: Added unique group names for radio buttions

Author: limzykenneth

src/dom/dom.js

@@ -1580,6 +1580,9 @@ p5.prototype.createSelect = function(...args) {
  * @method createRadio
  * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
  */
+
+//counter for unique names on radio button
+let counter = 0;
 p5.prototype.createRadio = function(...args) {
   // Creates a div, adds each option as an individual input inside it.
   // If already given with a containerEl, will search for all input[radio]
@@ -1611,8 +1614,9 @@ p5.prototype.createRadio = function(...args) {
     self = addElement(radioElement, this);
     this.elt = radioElement;
   }
-  self._name = name || 'radioOption';
 
+  // Generate a unique name for each radio group if not provided
+  self._name = name || `radioOption_${counter++}`;
   // setup member functions
   const isRadioInput = el =>
     el instanceof HTMLInputElement && el.type === 'radio';