Modal which content is a big image can not be closed by clicking outside in the bottom area

[danielo515]

Describe the bug

My original problem was this:

Modal content does not scroll when it contains a single image which is larger than the current screen height, which is quite common in mobile.

However, I was not able to reproduce.
What I was able to reproduce is that, in the same situation (a big image) cliking outside the modal, in the bottom part, you can not close the modal. I think it detects that you are clicking in the image, which is part of the modal, and doesn't consider it a outside click.

Reproduction

https://stackblitz.com/edit/sveltejs-kit-template-default-yhaik4?file=src%2Froutes%2F%2Bpage.svelte

Flowbite version and System Info

System:
    OS: macOS 13.4
    CPU: (10) arm64 Apple M2 Pro
    Memory: 60.70 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.18.0 - ~/.asdf/installs/nodejs/18.18.0/bin/node
    Yarn: 1.22.21 - /opt/homebrew/bin/yarn
    npm: 9.8.1 - ~/.asdf/plugins/nodejs/shims/npm
    pnpm: 8.11.0 - ~/.asdf/installs/nodejs/18.18.0/bin/pnpm
    bun: 1.0.26 - ~/.bun/bin/bun
  Browsers:
    Chrome: 122.0.6261.94
    Safari: 16.5
  npmPackages:
    flowbite-svelte: ^0.44.24 => 0.44.24
    svelte: ^4.2.12 => 4.2.12

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• sveltejs-kit-template-default-yhaik4 (Open reproduction)