cannot use <label for="unique-id"> becuse html is cloned #252

GeKVe · 2018-01-15T09:50:13Z

because the nature of vex.open() is to clone content passed in unsafeContent, one cannot use content placed in DOM by template engines. an option for remove+restore original would be one way to fix it

in this (pseudo-code) example <label> elements does not work:

<html><body>
  <div class="hidden-form-html" style="display:none;">
    <form>
      <input id="unique-input-id"/ type="checkbox" name="confirmed" value="1">
      <label for="unique-input-id">Click here to confirm</label>
    </form>
  </div>
</body></html>

<script>
  var html = $('.hidden-form-html').html();
  // Open form in a popup
  vex.open({
    unsafeContent: html,
    afterOpen: function() {
      initForm(this.contentEl);
    }
  });

  var initForm = function(formWrapper) {
    // code for form validation + submit here
  }
</script>

The text was updated successfully, but these errors were encountered:

bbatliner added the HackIllinois label Feb 19, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

cannot use <label for="unique-id"> becuse html is cloned #252

cannot use <label for="unique-id"> becuse html is cloned #252

GeKVe commented Jan 15, 2018 •

edited

Loading

cannot use <label for="unique-id"> becuse html is cloned #252

cannot use <label for="unique-id"> becuse html is cloned #252

Comments

GeKVe commented Jan 15, 2018 • edited Loading

GeKVe commented Jan 15, 2018 •

edited

Loading