T
Asked
Hello Tecdiary support,
I have a valid license for Simple Stock Manager v3 (purchased on CodeCanyon). I am facing a blocking issue with the modal dialogs, and I would appreciate your help.
--- The problem ---
Across the app (Checkouts, Checkins, Categories, Items), the modal windows OPEN and DISPLAY their content correctly (I can read the details, the delete confirmation text, the checkin/checkout receipt, etc.). However, every button INSIDE the modal is completely unresponsive:
- "Yes, Delete" does nothing.
- The Edit and Print icons do nothing.
- The image upload (product image and profile photo) does nothing — it greys out the same way.
The only click that works is a click anywhere on the grey overlay, which closes the modal. It behaves as if an invisible layer is sitting on top of the modal and capturing all clicks, so the buttons never receive them.
--- Important: this is NOT a migration issue ---
This exact behavior was ALREADY present on the original online installation (LWS shared hosting), before any change on my side. I then set up a clean local copy to test, and the behavior is identical. So the problem follows the application itself, not the server environment.
--- Technical details ---
- Simple Stock Manager v3 (Tecdiary), licensed via CodeCanyon
- Stack: Laravel 11.43.0, Inertia.js, Vue.js, Vite, Tailwind CSS v4.1.18
- PHP 8.3, MySQL/MariaDB
- Compiled front-end assets are present (public/assets, manifest.json) and load with HTTP 200.
- Browser console (with APP_DEBUG=true) shows NO red JavaScript errors when opening a modal or clicking a dead button. The only console message is a harmless 404 on manifest.webmanifest (PWA manifest).
- Tested on Microsoft Edge and Google Chrome — same result.
--- My questions ---
1. Is this a known issue in this version, and is there an official fix or patch?
2. Could it be related to a z-index / overlay conflict in the modal component, or to a Tailwind v4 compatibility issue?
Thank you very much for your help.
Best regards,
I have a valid license for Simple Stock Manager v3 (purchased on CodeCanyon). I am facing a blocking issue with the modal dialogs, and I would appreciate your help.
--- The problem ---
Across the app (Checkouts, Checkins, Categories, Items), the modal windows OPEN and DISPLAY their content correctly (I can read the details, the delete confirmation text, the checkin/checkout receipt, etc.). However, every button INSIDE the modal is completely unresponsive:
- "Yes, Delete" does nothing.
- The Edit and Print icons do nothing.
- The image upload (product image and profile photo) does nothing — it greys out the same way.
The only click that works is a click anywhere on the grey overlay, which closes the modal. It behaves as if an invisible layer is sitting on top of the modal and capturing all clicks, so the buttons never receive them.
--- Important: this is NOT a migration issue ---
This exact behavior was ALREADY present on the original online installation (LWS shared hosting), before any change on my side. I then set up a clean local copy to test, and the behavior is identical. So the problem follows the application itself, not the server environment.
--- Technical details ---
- Simple Stock Manager v3 (Tecdiary), licensed via CodeCanyon
- Stack: Laravel 11.43.0, Inertia.js, Vue.js, Vite, Tailwind CSS v4.1.18
- PHP 8.3, MySQL/MariaDB
- Compiled front-end assets are present (public/assets, manifest.json) and load with HTTP 200.
- Browser console (with APP_DEBUG=true) shows NO red JavaScript errors when opening a modal or clicking a dead button. The only console message is a harmless 404 on manifest.webmanifest (PWA manifest).
- Tested on Microsoft Edge and Google Chrome — same result.
--- My questions ---
1. Is this a known issue in this version, and is there an official fix or patch?
2. Could it be related to a z-index / overlay conflict in the modal component, or to a Tailwind v4 compatibility issue?
Thank you very much for your help.
Best regards,
- MSAnsweredHello,
I am sorry for late reply.
I think this was fixed in v3.1.0 Can you please let me know your version number.
Yes, it's was the z-index issue. If I recall correctly, I added z-10 to overlay and z-20 to the contents div. Please let me know the version number so that I can check.
Thank you - TAnsweredHello Mian,
Thank you very much for your reply, and no worries about the delay.
My current version is 3.0.0. So the issue does indeed match what you described, since the z-index fix was implemented in version 3.1.0.
Could you confirm the steps I need to follow: should I simply download the latest version from CodeCanyon and replace the files, or are there specific steps I need to take to avoid losing my data (database, images, .env file) during the update?
If a full update isn’t necessary, I’m also willing to manually apply the z-index fix you mentioned (z-10 on the overlay, z-20 on the contents div): could you tell me the exact file involved?
Thank you in advance for your help.
Best regards,
Touahere - TAnsweredHello Mian,
Thank you for your response. I downloaded the new version 3.1.0 from CodeCanyon (my composer.json does indeed show “version”: “3.1.0”).
Before updating, I have one important question to make sure I don’t lose anything: which files/folders should I replace with those from version 3.1.0, and which ones should I keep from my current installation?
In particular, I want to make sure I keep:
- my .env file,
- my already uploaded images (product photos and profile pictures),
- and most importantly, my license and activation, so I don’t have to re-validate them.
I’ve already backed up my database.
If the z-index fix affects only one file, you can also just tell me which specific file to replace—that would work perfectly for me.
Thanks in advance!
Best regards,
Touahere
Translated with DeepL.com (free version) - Login to Reply