Style issue when using footer in DropdownList

[Tuariq]

Team,

The style of footer is not consistent as per the other list items. I am using default code as given on official documentation without any overrides.

Footer Template from https://ej2.syncfusion.com/angular/documentation/drop-down-list/templates/

Here is a Screenshot of the UI how it looks.

I have also attached the POC code.

Any help would be appreciated.

Thanks

Tuariq

Attachment: DropDownBugZip_1d632645.zip

[Ponmani Murugaiyan]

Hello Tuariq, 

 

Greetings from Syncfusion support. 

 

We have validated your reported issue. The cause for the query is "footer template design style is missed in documentation. "We will address and resolve the documents in online soon. To get rid of the recorded problem, please find the code snippet for style file and we have prepared test sample in stackblitz. 

 

[app.component.css] 

 

 

.foot{ 

    text-indent: 1.2em; 

    display: block; 

    font-size: 15px; 

    line-height: 40px; 

    border-top: 1px solid #e0e0e0; 

} 

 

 

Output: 

 

 

 

 

Sample: https://stackblitz.com/edit/angular-39wwvm?file=app.component.css 

Kindly check with the above provided sample. If you need further assistances, please get back us. 

 

Regards, 

Ponmani M