Ionic Selectable is an Ionic versatile and highly customizable component that serves as a replacement to Ionic Select, and allows to search items, including async search, create items, customize the layout with templates and much more. It provides an intuitive API and is easy to set up and use.
When using the style "outline" (from Ionic) for an ion-item containing an ionic-selectable (with multiple selections enabled and the Multiple values with ellipsis template), the values exceeds from the box borders.
Versions
Ionic: 6.19.1
Angular: 13.2.6
Capacitor: 3.5.1
NodeJS: 16.15.0
npm: 8.5.5
Stackblitz example
* Currently not working...
Error in /turbo_modules/@angular/core@13.2.7/fesm2015/core.mjs (1150:15)
Type L does not have 'ɵmod' property.
Seems to be coming from this import:
import { IonicModule } from '@ionic/angular';
Had to update imports versions because otherwise the fill="outline" style wouldn't exist. But these new imports have caused the problem.
Issue description
When using the style "outline" (from Ionic) for an ion-item containing an ionic-selectable (with multiple selections enabled and the Multiple values with ellipsis template), the values exceeds from the box borders.
Versions
Stackblitz example
* Currently not working...
Seems to be coming from this import:
import { IonicModule } from '@ionic/angular';
Had to update imports versions because otherwise the
fill="outline"
style wouldn't exist. But these new imports have caused the problem.Anyway, all the code and dependencies are in here: https://stackblitz.com/edit/ionic-selectable-grouping-ab49zt?file=app/pages/home/home.html
Code to reproduce