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.

Provide prop `autoAdjustOverflow` to turn off automatic adjust popup placement when popup is off screen

See original GitHub issue
  • I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

Currently, the dropdown automatically adjusts the placement of the popup when it is off-screen. Providing autoAdjustOverflow [boolean] will allow the parent to control the behavior.

What does the proposed API look like?

<Dropdown autoAdjustOverflow={false} >
    <a>Trigger</a>
</Dropdown>

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:11 (4 by maintainers)

github_iconTop GitHub Comments

11reactions
ditiemcommented, Nov 26, 2019

I do really needed this, so I studied the code to see if there was an easy fix. Thanks god, the props of Dropdown are past to rc-dropdown that are past to rc-trigger. Hence this can be fixed with:

<Dropdown ... align={{ overflow: { adjustX: false, adjustY: false } }} >
  ...
</Dropdown>

The issue can be marked as fixed and closed.

3reactions
pavanmehta91commented, Aug 18, 2021
 align={{ overflow: { adjustX: true, adjustY: true } }}

If I give it like this would it change the placement on scroll? How can I change the placement on scroll.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Is there any way to stop a WPF Popup from repositioning itself ...
It will position the popup exactly as specified even if that means the popup is partially off-screen. It can automatically select the most ......
Read more >
Popup Placement Behavior - WPF .NET Framework
Learn how to specify the position of a Windows Presentation Foundation Popup relative to a control, the mouse, or the screen by using ......
Read more >
Tooltip - Ant Design - A UI Design Language
Property Description Type Default overlayClassName Class name of the tooltip card string ‑ overlayStyle Style of the tooltip card object ‑ trigger Tooltip trigger mode hover...
Read more >
Tooltip - Ant Design
A simple text popup tip. ... Tooltip will show on mouse enter. ... Whether to adjust popup placement automatically when popup is off...
Read more >
ReactJS UI Ant Design Tooltip Component - GeeksforGeeks
autoAdjustOverflow : It is used to indicate whether to automatically adjust popup placement when the popup is off-screen. color: It is used ...
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