QCard issue in samsung browser

Describe the bug When open the web using my phone on google chrome the card is showing normal but when open the web on samsung chrome the card view have some issue.

Codepen/jsFiddle/Codesandbox (required)

`<q-card class="q-ma-lg" flat bordered> <q-item> <q-item-section avatar> <q-avatar> the image </q-avatar> </q-item-section>

    <q-item-section>
      <q-item-label>Title</q-item-label>
      <q-item-label caption> Subhead </q-item-label>
    </q-item-section>
  </q-item>

  <q-separator />
  <q-card-section horizontal>
    <q-card-section> text </q-card-section>
    <q-separator vertical />

    <q-card-section class="col-4">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </q-card-section>
  </q-card-section>
</q-card>`

this the same code from quasar.dev only i’m adding some margin

Screenshots

Platform (please complete the following information): Quasar Version: @quasar/app Version:

Quasar mode:

• [•] SPA
• SSR
• PWA
• Electron
• Cordova
• Capacitor
• BEX

Tested on:

• [•] SPA
• SSR
• PWA
• Electron
• Cordova
• Capacitor
• BEX

OS: Node: v14.15.4. NPM: npm@6.14.10 Yarn: Browsers: samsung internet Version 14.2.1.69 iOS: Android: 9 Electron:

[Salt1024]

https://github.com/quasarframework/quasar/blob/ce20e29908db9f5f8b6cda3a1d8727a8f7e9943d/ui/src/components/avatar/QAvatar.sass#L16 https://www.caniuse.com/css-not-sel-list

use &__content, img:not(.q-icon):not(.q-img__image) may have better compatibility

[hawkeye64]

I am just confirming this now matches Samsung Internet Browser with what’s displayed on a Chrome browser