I am using a visualforce component to show up results of some object in the form of Lookup Search. The results are displayed on the Modal pop-up as shown in below Snippet-


When I try to click on the scroller (Either inside or outside) The results gets collapsed just like snippet below-

 

<div class="slds-modal__content slds-p-around_medium slds-form-element__control slds-input-has-icon slds-input-has-icon--right">
                <label class="slds-form-element__label" for="form-element-01">Search more {!objectPluralLabel}</label>
                <div class="slds-form-element__control slds-form-element  slds-lookup">
                    <svg aria-hidden="true" class="slds-input__icon slds-icon-text-default">
                        <use xlink:href="{!URLFOR($Resource.SLDS, '/assets/icons/utility-sprite/svg/symbols.svg#search')}"></use>
                    </svg>
                    <input id="showMore" class="slds-lookup__search-input slds-input" type="text" aria-autocomplete="list" role="combobox" aria-expanded="false" aria-activedescendant="" placeholder="{!placeHolderText}"/>
                </div>
</div>

Above is the HTML code that i have used in the visualforce component.

Below code is rendered by jQuery-



Just want that, when a user clicks on the scroller the results should not get collpased. Any help will be appreciated.

Hi All,

I was working on the last step of the Service Cloud Specialist Superbadge which includes creation of the reports and dashboard.
I have created the report and dashboard as per requirement #7 in the Superbadge however there is an error comming consistently which is shown in below snippet -
Challenge Not yet complete... here's what's wrong:
We can't find the result 'Sort: Descending' in Grouping1. Ensure you group report results correctly.-
My Report and dashboard are as below-
Dashboard-


Note- I am doing all this activity in a Trailhead Playground and it has no namespace.

Any help/suggestion will be hightly appreciated.

Anmol

I am using a visualforce component to show up results of some object in the form of Lookup Search. The results are displayed on the Modal pop-up as shown in below Snippet-


When I try to click on the scroller (Either inside or outside) The results gets collapsed just like snippet below-

 

<div class="slds-modal__content slds-p-around_medium slds-form-element__control slds-input-has-icon slds-input-has-icon--right">
                <label class="slds-form-element__label" for="form-element-01">Search more {!objectPluralLabel}</label>
                <div class="slds-form-element__control slds-form-element  slds-lookup">
                    <svg aria-hidden="true" class="slds-input__icon slds-icon-text-default">
                        <use xlink:href="{!URLFOR($Resource.SLDS, '/assets/icons/utility-sprite/svg/symbols.svg#search')}"></use>
                    </svg>
                    <input id="showMore" class="slds-lookup__search-input slds-input" type="text" aria-autocomplete="list" role="combobox" aria-expanded="false" aria-activedescendant="" placeholder="{!placeHolderText}"/>
                </div>
</div>

Above is the HTML code that i have used in the visualforce component.

Below code is rendered by jQuery-



Just want that, when a user clicks on the scroller the results should not get collpased. Any help will be appreciated.