• Michael Eckert
  • NEWBIE
  • 5 Points
  • Member since 2015
  • Lead Solution Engineer, App Cloud
  • Salesforce

  • Chatter
    Feed
  • 0
    Best Answers
  • 0
    Likes Received
  • 0
    Likes Given
  • 0
    Questions
  • 1
    Replies
We are trying to move to Lightning Experience and I have ran into an odd situation.  I have added a custom visualforce action and set the height to 500px.  The action was added to the page layout and is showing up correctly in lightning experience.  The problem is when the user clicks the button the modal box is displayed and the conent area in side the box is 500px high, but the actual content is only 186px height as seen here:

User-added image

If I change the height value declared in the custom action, the height of the model box changes, but the height of the displayed content does not.
Looking into the chrome dev tools inspector there are the following elements that are involved.
 
<div class="modal-body scrollable" style="height: 500px; max-height: 500px;">
This is apparently where the height gets set based on the height setting in custom action definition.
Then we have the following markup:
 
<div class="forceChatterBasePublisher--default forceChatterBasePublisher forceChatterAlohaPagePost">

    <div class="forceChatterPublisherPresentationPanel">
        
        <div class="container activeState">

            <div class="cuf-content">

               ....................
    
            </div>

        </div>

    </div>

</div>

If i manually add "height: 100%;" to these 4 elements in the inspector the content is displayed properly.

If anyone has any idea how to fix this, it would be greatly appreciated.  Thanks