0 Replies Latest reply on Apr 25, 2018 12:25 PM by james1.hicks

    Jive not recognizing HTML5? <a> tags wrapping <div> not working?

    james1.hicks

      Every single place I have tested this outside of our Jive Cloud widgets has worked.

       

      Attempting to wrap a simple <div> block with an <a> tag gets reformatted for some reason.

       

      Here is the simpel code I am attempting to do:

       

              <a target="_blank" href="https://google.com">

                  <div class="block">

                      <div class="graphic-container">

                          <div class="graphic development">

                          </div>

                      </div>

                      <div class="title">

                          <h3>Development</h3>

                      </div>

                  </div>

              </a>

       

      Nothing out of the ordinary.

       

      But when I publish the widget, it gets reformatted:

      The <a> tag doesn't wrap my div anymore. HTML5 allows for <divs> to be wrapped by <a> tags.

       

       

      Only way I have found to get what I want is to do:

                  <div class="block" style="cursor:pointer" onclick="window.open('https://atlas.dish.com/docs/DOC-1572')">

                      <div class="graphic-container">

                          <div class="graphic development">

                          </div>

                      </div>

                      <div class="title">

                          <h3>Development</h3>

                      </div>

                  </div>

      Which I dislike because I am adding onclick unnecessarily (when HTML5 supports my desired method).

       

      We have a few overview pages that have a different way to edit widgets, tile based vs widget based. Tiles work fine with the desired method of <a><div></div></a>.

       

      Is there a reason this doesn't work in Jive Cloud widgets?