Limit datatip to fit within pane

[ryaninvents]

Issue and Steps to Reproduce

• Create a function with a long documentation comment.
• Call the function.
• Mouse over the function call.

Expected Behavior

• Datatip should wrap its content to fit within the bounds of its originating pane.

Actual Behavior

• Datatip displays on one line; far left-hand side is off-screen.

Versions

• Atom: 1.19.2
• atom-ide-ui: 0.1.11
• Client OS: Mac OS 10.12.16

Additional Details

Installed packages (apm ls --installed):

├── atom-beautify@0.30.5 (disabled)
├── atom-chai-snippets@0.3.0 (disabled)
├── atom-clock@0.1.13
├── atom-ide-ui@0.1.11
├── atom-lcov@2.0.0 (disabled)
├── atom-mocha-snippets@0.6.3 (disabled)
├── atom-terminal-tab@0.2.2
├── atom-ternjs@0.18.3 (disabled)
├── atom-wrap-in-tag@0.6.0 (disabled)
├── autocomplete-flow@1.6.0 (disabled)
├── autocomplete-modules@1.6.10
├── busy-signal@1.4.3
├── chester-atom-syntax@0.3.0
├── close-other-panes@0.6.0
├── docblockr@0.10.5
├── editorconfig@2.2.2
├── file-icons@2.1.11
├── flatwhite-syntax@0.8.1
├── foldername-tabs@0.2.4
├── git-log@0.4.1 (disabled)
├── git-plus@7.9.3
├── gl-light-syntax@3.0.0
├── goto-definition@1.3.4 (disabled)
├── highlight-selected@0.13.1
├── hyperclick@0.1.3
├── ide-flowtype@0.13.2 (disabled)
├── ide-typescript@0.1.2
├── incremental-search@5.2.2
├── intentions@1.1.5
├── isotope-light-ui@2.3.0
├── js-debugger@0.0.0 (disabled)
├── js-hyperclick@1.11.0
├── language-babel@2.71.0
├── language-diff@0.7.0
├── language-docker@1.1.8
├── language-graphql@0.9.0
├── language-nginx@0.8.0
├── language-pegjs@0.5.0
├── language-postcss@1.3.1
├── language-r@0.4.1
├── language-rust@0.4.12
├── language-terraform@0.8.1
├── language-typescript-grammars-only@1.6.0
├── lcov-info@0.12.0
├── linter@2.2.0
├── linter-eslint@8.2.1
├── local-history@4.3.0
├── markdown-writer@2.6.5
├── minimap@4.29.6
├── minimap-codeglance@0.4.7
├── minimap-cursorline@0.2.0
├── minimap-find-and-replace@4.5.2
├── minimap-git-diff@4.3.1
├── minimap-hide@0.3.0
├── minimap-highlight-selected@4.6.1
├── minimap-selection@4.5.0
├── monokai@0.24.0
├── multi-cursor@2.1.5
├── native-ui@0.22.1
├── nebula-syntax@0.4.4
├── nebula-ui@0.6.0
├── nucleus-dark-ui@0.12.3
├── pigments@0.40.2
├── polymorph-ui@1.8.8
├── pristine-ui@1.1.6
├── project-manager@3.3.5
├── quick-issues@0.9.3
├── slim-dark-ui@0.12.0
└── spacegray-light-neue-ui@0.1.7

[ryaninvents]

My quick-and-dirty workaround in my Atom stylesheet:

.nuclide-datatip-marked-container {
    max-width: 300px;
    p {
        white-space: normal;
    }
}