Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Keep tooltip inside window #7

Closed
afilp opened this issue May 28, 2015 · 5 comments
Closed

Keep tooltip inside window #7

afilp opened this issue May 28, 2015 · 5 comments

Comments

@afilp
Copy link
Contributor

afilp commented May 28, 2015

If I am at the edge, part of the tooltip goes out of the window (page).

Could this be automatically adjusted, so it is always shown full?

Thx.

@wwayne
Copy link
Collaborator

wwayne commented May 28, 2015

@af7
I think it could be automatically adjusted, then I can try sth on this

@lloiser
Copy link

lloiser commented Sep 3, 2015

any updates?
do you accept PRs?

@wwayne
Copy link
Collaborator

wwayne commented Sep 3, 2015

@lloiser
No update on this issue, I'm busy with other things.
welcome PR : )

wwayne added a commit that referenced this issue Oct 12, 2015
@wwayne
Copy link
Collaborator

wwayne commented Oct 12, 2015

Support this feature from v0.7.0

@Torniojaws
Copy link

Torniojaws commented May 26, 2017

Still has the issue with React v15 and tooltip v3.3.0. It is actually automatically outside of the visible window (left: -22px):
image

    render() {
        return (
            <div>
                <div className="row">
                    <div className="col-sm-12">
                        <a data-tip="React-tooltip">
                            <span className="glyphicon glyphicon-info-sign"></span> Instructions
                        </a>
                        <ReactTooltip place="bottom" type="light" effect="solid">
                            <p>Instructions:</p>
                            <ol>
                                <li>Stuff</li>
                            </ol>
                        </ReactTooltip>
                    </div>
                </div>

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

No branches or pull requests

4 participants