Display Item with full width using jQuery SumoSelect plugin in ASP.Net

Hi arvindasp,

You need to set .optWrapper width to auto.

Please refer below sample code.

HTML

<div class="col col-6 pt-2 pb-0 text-start text-black border border-secondary " style="height: 500px; width: 500px">
    <asp:ListBox runat="server" ID="LstBoxOtherModel" Height="30px"
        SelectionMode="Multiple" Font-Names="arial">
        <asp:ListItem> This is testing Item 1 for display</asp:ListItem>
        <asp:ListItem> This is testing Item 2 for display</asp:ListItem>
        <asp:ListItem> This is testing Item 3 for display</asp:ListItem>
        <asp:ListItem> This is testing Item 4 for display</asp:ListItem>
    </asp:ListBox>
    <asp:Button ID="BtnShowListOtherModel" CssClass="btn btn-primary btn-sm p-0 " Height="20px" Font-Size="10px" runat="server" Text="Show List" />
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.4.9/jquery.sumoselect.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.4.9/sumoselect.min.css" rel="stylesheet" />
<style type="text/css">
    .SumoSelect > .optWrapper {
        width: auto !important;
    }
</style>
<script type="text/javascript">
    $(function () {
        $('#<%=LstBoxOtherModel.ClientID%>').SumoSelect({ selectAll: true });
    });
</script>

Screenshot