POSM Stock issue

**dbltoe** · 12 Feb 2025, 10:11 PM

I can report that the changes have fixed all my desktop issues

We all owe lat9 a lot of gratitude for bringing this to the core.

Our big customer has had problems for years in that they were reusing product IDs thinking they might run out. Over the last three years, we have slowly been fixing non-existant, and missing/deleted options as they showed up in log files. The converter found all the non-existant products and those with missing options in a flash.

Be sure to read the instructions and fix all problems prior to clicking on that submit button.

The only remaining minor glitch is when selecting product options on an iPhone. In my case, and iPhone 16 Pro Max. Note that this does not show up in any of the mobile emulators I've tried.

Re: https://enightlightsDOTcom/index.php...products_id=78 (replace DOT with . )

First Choose "Suncatcher"

When clicking on Next Choose, the Product Options on a Desktop correctly show "No Suction Cup...) and "Suction Cup...)

On a mobile with Suncatcher chosen for Product Options, pressing Next Choose shows the two suction cup options AND the three options for a nightlight. The extra options appear to be dimmed and clicking on them has no effect. So, it appears that one cannot make a bad option selection. Especially with the options set to required.

The CSS shows the correcct "display: none;" on a desktop but it is not being recognized on the iPhone in portrait or landscape.

**lat9** · 12 Feb 2025, 10:41 PM

Originally Posted by dbltoe

I can report that the changes have fixed all my desktop issues

We all owe lat9 a lot of gratitude for bringing this to the core.

Our big customer has had problems for years in that they were reusing product IDs thinking they might run out. Over the last three years, we have slowly been fixing non-existant, and missing/deleted options as they showed up in log files. The converter found all the non-existant products and those with missing options in a flash.

Be sure to read the instructions and fix all problems prior to clicking on that submit button.

The only remaining minor glitch is when selecting product options on an iPhone. In my case, and iPhone 16 Pro Max. Note that this does not show up in any of the mobile emulators I've tried.

Re: https://enightlightsDOTcom/index.php...products_id=78 (replace DOT with . )

First Choose "Suncatcher"

When clicking on Next Choose, the Product Options on a Desktop correctly show "No Suction Cup...) and "Suction Cup...)

On a mobile with Suncatcher chosen for Product Options, pressing Next Choose shows the two suction cup options AND the three options for a nightlight. The extra options appear to be dimmed and clicking on them has no effect. So, it appears that one cannot make a bad option selection. Especially with the options set to required.

The CSS shows the correcct "display: none;" on a desktop but it is not being recognized on the iPhone in portrait or landscape.

That's going to be "difficult" for me to debug, since I don't allow any iStuff in my house.

**dbltoe** · 12 Feb 2025, 10:52 PM

I tried to give as much information as possible as I was aware of your allergy to all things Apple.

**dbltoe** · 12 Feb 2025, 11:19 PM

My research shows:

Since the issue is specific to iOS (Safari and Chrome on iPad) and works correctly on desktop browsers, the problem is almost certainly related to WebKit rendering quirks or device-specific behavior. By systematically debugging, you should be able to identify and resolve the issue. If the problem persists, consider filing a bug report with WebKit, providing a minimal reproducible example.

I created

Code:

<!DOCTYPE html><html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Display: None Test</title>
    <style>
        .hidden { display: none; }
    </style>
</head>
<body>
    <div class="hidden">This should be hidden.</div>
</body>

</html>

as iPhoneTest.html and ran it on both the desktop and iPhone. It successfully hid the text on both.

I will look further into the CSS to make sure there's no display: block applied to the same rule.

I am not familiar with javascript to investigate whether there is a style.display = 'block' messing with it.

All options appreciated.

**dbltoe** · 12 Feb 2025, 11:42 PM

####_custom-forms.scss from bootrap4.6.2 has the custom_select class set to display: inline-block.

Looks like a change will need to be included in POSM's css for mobile.

**dbltoe** · 28 Feb 2025, 04:48 AM

I have finally been able to look at the page on an Android device and it is displayed correctly.

I will report the webkit problem with Chrome on a Apple device to Chrome.

Thread: POSM Stock issue

Thread Tools

Search Thread

Display

Hybrid View

Re: POSM Stock issue

Re: POSM Stock issue

Re: POSM Stock issue

Re: POSM Stock issue

Re: POSM Stock issue

Re: POSM Stock issue

Similar Threads

Stock by Attribute v1.4.13 install issue

Stock by Attributes Issue

Out of Stock issue

Stock By Attributes installation issue

Posting Permissions