Why is a tag field being hidden on a dialog? | Community
Skip to main content
R
RobertHarper
Level 3
August 19, 2022

Why is a tag field being hidden on a dialog?

  • August 19, 2022
  • 4 replies
  • 1421 views

The company I am working with has been using commerce assets to create some content. In the scaffolding, they have a tag field that is used to get titles associated with an asset. When the dialog is rendered, this field is having the style="display: none;" attribute added to the field.

 

My question is:

What would be setting this when the dialog is being rendered?

 

I need this field to be visible when the authors are updating information.

 

There isn't any show/hide logic in the dialog so that can't be it.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

4 replies

Jagadeesh_Prakash
Community Advisor
Jagadeesh_PrakashCommunity Advisor
Community Advisor
August 20, 2022

@robertharper Can you please elobrate or attach any screenshot that would be really helpfull.

 

i am thinking that should be a custom requirement by your company. 

    R
    RobertHarperAuthor
    Level 3
    August 20, 2022

    I don't know what a screenshot would do. It would only show that the field is not visible. It is a tag selector marked as allowing multiple selections. There is nothing in the dialog definition about showing or hiding fields based on a selection. When the dialog is rendered, the field's style attribute is marked style="display: none;".

    I looked at the initial document that was sent from the server and it is not set. There is some JavaScript that is doing this but I can't find it. It isn't custom code. It is something OOTB that is doing it.

    What would be setting this and why?

      muskaanchandwani
      Adobe Employee
      muskaanchandwaniAdobe Employee
      Adobe Employee
      August 20, 2022

      Could you please try to disable minification [1], invalidate the cache, and rebuild client libs?

      [1]  https://medium.com/tech-learnings/how-to-disable-the-minification-for-client-libraries-in-aem-b70900cea5cc

        R
        RobertHarperAuthor
        Level 3
        August 20, 2022

        No. Because of version differences and other factors I haven't been able to resolve, I cannot open the dialog in my local instance and I am not cleared to change settings on the cloud services. I'm not sure minification would change anything other that provide the full name to variables. The actual values for settings do not get changed and I've used the search feature to find all occurrences of "display: none" and just "none". I placed breakpoints where the setting is being changed but they aren't hit when the page is loaded.

          K
          KshitijIn
          Level 2
          August 23, 2022

          In the Component Dialog, do you have any clientlib added. Can you see if categories property is added in cq:dialog field. If yes, then kindly find the clientlib and see if the Hide rule is added there. 

            R
            RobertHarperAuthor
            Level 3
            August 23, 2022

            Sorry all. I forgot to notify that I figured it out. Our site shares the host with a couple others and they have added a client lib that hides the cq:tags fields for some business reason but did not code it so that it restricted this behavior to their site. I did not realize this until I set breakpoints in the jQuery api and checked the call stack in the developer tools.

             

            Thanks for your input though.

             

            Lesson to all. Write javascript that isolates itself to each instance of a component and not general selectors and make sure that the code does not have side effects on other components.

              Terms & ConditionsAccessibility statement

              Loading footer...