question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Modal footer divider persists when buttons removed

See original GitHub issue

The Modal component shows the bottom divider when the footer prop is set to null.

Environment(required)

  • antd version 2.8.0:
  • macOS Sierra (version 10.12.3):
  • Chrome version 56.0.2924.87 (64-bit)

What did you do? Please provide steps to re-produce your problem.

  1. Render Modal component with the visible prop true and the footer prop as some non-null element.
  2. Update the footer prop to null
  3. BUG bottom divider continues to show even though footer content is null.

What do you expected?

I would expect the footer section and divider to be hidden as it is in this image. footer_hidden

What happen?

It is not hidden. divider_visible

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:11 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
benjycuicommented, Mar 24, 2017

It seems that we cannot set Modal[footer=null] to hide footer now.

But we can update this line of code to achieve your target:

footer={footer === undefined ? defaultFooter : footer}
0reactions
lock[bot]commented, May 1, 2018

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.

Read more comments on GitHub >

github_iconTop Results From Across the Web

I want to remove horizontal line from the modal body and ...
If you just want to remove the title altogether, set title={null} on props. Then the title and its bottom border will not show....
Read more >
Missed Wrapper after opening modal window [#3032922]
When the modal is dismissed, div#drupal-modal persists, but with class and element style changes which remove the modal from view.
Read more >
Modal · Bootstrap
Use Bootstrap's JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Read more >
JavaScript · Bootstrap 3.3.6 Documentation
Multiple open modals not supported. Be sure not to open a modal while another is still visible. Showing more than one modal at...
Read more >
barTintColor not working in iOS 15
My problem is the missing top line in the TabBar. ... code to style the picker, but it just shows as light grey,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found