'Angular 13: ngbDropdown is not visible on tablet or mobile screens

Component ngbDropdown in Angular 13 is not visible on tablet or mobile screens. Here is my piece of code. How can I make it visible on all screens?

<table>
    <thead class="table-header">
        <tr>
            <th>
                <span>Name</span>
            </th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let person of people" class="cursor-pointer">
            <td>{{person.name}}</td>
            <td class="align-middle dropdown action-col" ngbDropdown placement="left-top" container="body"
                (click)="$event.stopPropagation()">
                <div ngbDropdownToggle class="caret-hidden cursor-pointer">
                    <span>Click</span>
                </div>
                <div class="dropdown-menu list-unstyled" ngbDropdownMenu>
                    <div class="list-item-hover cursor-pointer" (click)="attemptDeletePerson(person)" ngbDropdownItem>
                        <span>Delete</span>
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>
htmlangularbootstrap-4drop-down-menudropdown


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions