Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

preline v3.0.0 Modal pops up without a mask and Advanced Datepicker can't be clicked #591

Open
545925763 opened this issue Mar 9, 2025 · 0 comments

Comments

@545925763
Copy link

Summary

preline v3.0.0 Modal and Advanced Datepicker

Steps to Reproduce

vite.config.ts
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
plugins: [
tailwindcss(),
],
optimizeDeps: {
include: ['preline', 'lodash', 'vanilla-calendar-pro']
}
})
style.css
@import "tailwindcss";

@custom-variant dark (&:where(.dark, .dark *));

/* Preline UI */
@import "../node_modules/preline/variants.css";

@import "../node_modules/preline/src/plugins/datepicker/styles.css";

/* Plugins */
@plugin "@tailwindcss/forms";

@plugin "@tailwindcss/aspect-ratio";
main.js
import 'preline';
import 'lodash';
import 'vanilla-calendar-pro';
index.html
<!doctype html>

<title>Vite App</title>


Open modal

Modal title

Close

This is a wider card with supporting text below as a natural lead-in to additional content.

<script type="module" src="/src/main.js"></script>

Demo Link

https://preline.co/docs/modal.html

Expected Behavior

No response

Actual Behavior

No response

Screenshots

No response

@545925763 545925763 changed the title preline v3.0.0 Modal pops up without a mask and Advanced Datepicker cannot be clicked preline v3.0.0 Modal pops up without a mask and Advanced Datepicker can't be clicked Mar 9, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant