Configurable product with bad behavior in front end

[mariamghalleb]

Preconditions

1. php 7.3
2. Magento 2.4

Steps to reproduce

1. Create a configurable product that has different configurations, which are a variation of 4 dropdown attributes and one color swatch attribute

Expected result

1. A Configurable product that works fine.

Actual result

In front end, the configurable product acts weird: the prices of each simple product don't show, the width of the dropdowns is different, the space between the elements is messed up, the " * " that say required are messing, the selects of the dropdowns are considered as "swatch-select" instead of super attributes with no IDs. As shown in these screenshots:

Please note that when i took off the attribute that has the color swatch, the configurable product was fixed and its behavior was normal as shown in this last screenshot

[magento-engcom-team]

@mariamghalleb, thank you for your report. We've acknowledged the issue and added to our backlog.

[ashokramji]

I am working on this at #dmcdindia

[ashokramji]

Anyone fix the issue....??

[magento-engcom-team]

@ashokramji Doesn't look like it's fixed now. You may assign it back to yourself if you are still interested.

[m2-assistant[bot]]

Hi @engcom-Echo. Thank you for working on this issue. Looks like this issue is already verified and confirmed. But if you want to validate it one more time, please, go though the following instruction:

• [ ] 1. Add/Edit Component: XXXXX label(s) to the ticket, indicating the components it may be related to.

• [ ] 2. Verify that the issue is reproducible on 2.4-develop branch

  Details

  - Add the comment @magento give me 2.4-develop instance to deploy test instance on Magento infrastructure.
  - If the issue is reproducible on 2.4-develop branch, please, add the label Reproduced on 2.4.x.
  - If the issue is not reproducible, add your comment that issue is not reproducible and close the issue and stop verification process here!

• [ ] 3. If the issue is not relevant or is not reproducible any more, feel free to close it.

---

• Join Magento Community Engineering Slack and ask your questions in #github channel.

[magento-engcom-team]

:white_check_mark: Confirmed by @engcom-Echo Thank you for verifying the issue. Based on the provided information internal tickets MC-30149 were created

Issue Available: @engcom-Echo, You will be automatically unassigned. Contributors/Maintainers can claim this issue to continue. To reclaim and continue work, reassign the ticket to yourself.

[github-jira-sync-bot]

:white_check_mark: Jira issue https://jira.corp.magento.com/browse/AC-1014 is successfully created for this GitHub issue.

[m2-assistant[bot]]

:white_check_mark: Confirmed by @engcom-Echo. Thank you for verifying the issue.
Issue Available: @engcom-Echo, You will be automatically unassigned. Contributors/Maintainers can claim this issue to continue. To reclaim and continue work, reassign the ticket to yourself.

[engcom-Delta]

Hi @mariamghalleb ,

Thanks for your reporting and collaboration. We have re-verified the issue in latest 2.4-develop instance and the issue is reproducible. Kindly refer the screenshots.

Steps to reproduce :

1. Access a Configurable Product
2. Observe * is missing from required attributes
3. Drop down is listed as swatch selection
4. Remove the swatch attributes and observe * is displaying for drop down attributes.

Thanks.

[engcom-Bravo]

Hi @mariamghalleb,

Adobe Commerce Engineering team started working on this issue. We will reach out to you if we need more information and you will get notified once the issue is fixed. Please leave comments for any further questions. Thank you!