Skip to content

Fix chat pane problem when no parent height is set#2596

Merged
PorterNan merged 6 commits intomainfrom
jinan/fix-default-chat-height
Dec 16, 2022
Merged

Fix chat pane problem when no parent height is set#2596
PorterNan merged 6 commits intomainfrom
jinan/fix-default-chat-height

Conversation

@PorterNan
Copy link
Copy Markdown
Contributor

@PorterNan PorterNan commented Dec 15, 2022

What

This is the best minimum way to introduce as less change as possible, it based on these facts:

  1. Stack or display:flex, the default align-items value is 'normal', which behaves like 'stretch' for each children items,
  2. if we set height to auto, the child item will try to occupy the whole vertical space, which is exactly what we want.

Why 100% not working - because there is no parent item to tell the child div what the 100% is (especially when the parent flex box height is set to auto). Set the root element height will help with this scenario

Before:
image

After:
image

Why

How Tested

Process & policy checklist

  • I have updated the project documentation to reflect my changes if necessary.
  • I have read the CONTRIBUTING documentation.

Is this a breaking change?

  • This change causes current functionality to break.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Dec 15, 2022

CallWithChat bundle size is not changed.

  • Current size: 5871133
  • Base size: 5871133
  • Diff size: 0

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Dec 15, 2022

Chat bundle size is not changed.

  • Current size: 5577063
  • Base size: 5577063
  • Diff size: 0

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Dec 15, 2022

Calling bundle size is not changed.

  • Current size: 5483762
  • Base size: 5483762
  • Diff size: 0

@github-actions
Copy link
Copy Markdown
Contributor

@github-actions
Copy link
Copy Markdown
Contributor

@github-actions
Copy link
Copy Markdown
Contributor

Failed to pass the UI Test. If this PR is for UI change and the error is snapshot mismatch, please add "update_snapshots" label to the PR for updating the snapshot.

Copy link
Copy Markdown
Contributor

@edwardlee-msft edwardlee-msft left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very nice! Great find Nan

@github-actions
Copy link
Copy Markdown
Contributor

Failed to pass the UI Test. If this PR is for UI change and the error is snapshot mismatch, please add "update_snapshots" label to the PR for updating the snapshot.

@github-actions
Copy link
Copy Markdown
Contributor

@PorterNan PorterNan merged commit bbe605c into main Dec 16, 2022
@PorterNan PorterNan deleted the jinan/fix-default-chat-height branch December 16, 2022 08:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants