TouchUI Placeholder height incorrect

Avatar

Avatar

Timo_HH

Avatar

Timo_HH

Timo_HH

24-11-2020

We are currently using the Classic UI and preparing to migrate to Touch UI.
During this we observed, that the height of the placeholders of our components or the drag and drop area looks incorrect. If we compare to we-retail example pages, the issues does not happen there.

 

Correct on We-Retail:

1-example_correct_height_we-retail.png

 

Wrong height in our pages:

 

3-example_of_wrong_height_by_Hapag-Lloyd.png

 

Technical investigation showed, that the height of the placeholder is 28,75px instead of 40px in we-retail. The div height is calculated and set as inline style.

 

Contacts to Adobe Consulting showed, that this happens also for others. But has anyone solved the same behavior?

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

Suraj_Kamdi

MVP

Avatar

Suraj_Kamdi

MVP

Suraj_Kamdi
MVP

25-11-2020

@Timo_HH 

It mainly happens because of CSS when div tag contains global styling as follows.

 

 

 

div{
   height: 100px;
}

 

 

try to apply class-specific CSS to avoid such issues.

 

or you can also write some custom CSS for clientlib categories named cq.authoring.editor.core

 

Answers (0)