• Resolved Chris.V

    (@chrisv234)


    Hi,

    I am having the same issue described here (https://www.ads-software.com/support/topic/screen-reader-text-class-being-added-to-field-labels/) and to be honest I am pretty surprised that it has not been fixed after so long by the devs.

    For an unknown reason, the checkout manager adds a .screen-reader-text class on some billing labels. The said class is being added at random, doesn’t matter if it is a WooCommerce standard field or a custom one created with the checkout manager. It does not matter if its text, radio, select or has conditional logic. It seems really random.

    I managed to replicated the issue on localhost only with 2024 theme, woo and checkout manager.

    My crude CSS solution for the moment:

    .wooccm-field .screen-reader-text {
        clip: auto !important;
        clip-path: none !important;
        height: auto !important;
        overflow: visible !important;
        position: initial !important;
        width: auto !important;
    }

    It is not a deal-breaker issue since you are providing the only free functional checkout manager with conditional logic and I am thankful for that! However, it is an inconvenient and I would love to see it fixed in the near future.

    Regards,

    Chris

    • This topic was modified 6 months, 3 weeks ago by Chris.V.
    • This topic was modified 6 months, 3 weeks ago by Chris.V.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support jmatiasmastro

    (@jmatiasmastro)

    @chrisv234 Hello Chris, could you please elaborate on the issue that arises when adding the class (.screen-reader-text)? Additionally, have you attempted deactivating the plugin to check if these fields already include this class?

    Best regards, QuadLayers Support Team.

    Thread Starter Chris.V

    (@chrisv234)

    @jmatiasmastro Yes, deactivating the plugin makes the .screen-reader-text class go away. The actual issue is that when the .screen-reader-text class is added the field label is being forced to go inside the field input, therefore, is not shown where it should.

    Related screenshot: https://ibb.co/BN2FYGj

    • This reply was modified 6 months, 3 weeks ago by Chris.V.
    Plugin Support jmatiasmastro

    (@jmatiasmastro)

    @chrisv234

    Hello mate, I am afraid to inform you that we cannot reproduce the issue you are experiencing on localhost, please check our screenshot: https://snipboard.io/3zbVyu.jpg

    Could you please tell us what theme you are using and send us a screenshot of the billing phone field class with and without the theme activated?

    Best regards, QuadLayers Support Team.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Disappeared labels, .screen-reader-text class problem’ is closed to new replies.