+ Start a Discussion
Luke Vang 52Luke Vang 52 

<ul> tags rendering as <blockquote>

I have a <ul> tag in a component, when I try to reRender the component only is the data not getting updated but my <ul> tags are turning into block quote. I'm not sure what the issue is.. It loads normally, but once the component gets reRendered my <ul> tags turn into <blockquotes>.
<div class="slds-dropdown slds-dropdown--right slds-dropdown--small" role="listbox" style="position:absolute;max-width:200px">
    <ul class="slds-dropdown__list" role="presentation">
        <apex:repeat value="{!c.data}" var="f">
           <apex:outputPanel rendered="{!f.isChecked}">
              <li class="slds-dropdown__item slds-is-selected" role="presentation" onclick="selectItem(event)">
              <span class="slds-lookup__item-action slds-lookup__item-action--label" role="option">
              <span class="slds-truncate">{!f.data} </span>
              </span>     
              </li>
              </apex:outputPanel>
                 <apex:outputPanel rendered="{!NOT(f.isChecked)}">
                  <li class="slds-dropdown__item" role="presentation" onclick="selectItem(event)">
                  <span class="slds-lookup__item-action slds-lookup__item-action--label" role="option">
                   <span class="slds-truncate">{!f.data}</span>
                   </span>     
                  </li>
               </apex:outputPanel>
         </apex:repeat>
    </ul>
</div>
                   

 
Charity HardyCharity Hardy
I am having the same issue, did you find a solution?
fgwarb_1fgwarb_1
#same, any update?
Shivankur NaikwadeShivankur Naikwade
The <blockquote> tag specifies a section that is quoted from another source.
Browsers usually indent <blockquote> elements.
Note: To validate a <blockquote> element as XHTML, it must contain only other block-level elements, like this:
<blockquote>
<p>Here is a long quotation here is a long quotation.</p>
</blockquote>

Try using <ul> tags inside <apex:outputPanel></apex:outputPanel> or all list contains into <p></p>

Default CSS settings for blockquote are:
blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}

Hope it works.