You need to sign in to do that
Don't have an account?
Luke 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>
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.