Skip to content

Native Sierra-tabs are not working in macOS 10.12.x #76537

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

Closed
dalisoft opened this issue Jul 3, 2019 · 37 comments
Closed

Native Sierra-tabs are not working in macOS 10.12.x #76537

dalisoft opened this issue Jul 3, 2019 · 37 comments
Assignees
Labels
electron Issues and items related to Electron macos Issues with VS Code on MAC/OS X upstream Issue identified as 'upstream' component related (exists outside of VS Code) upstream-issue-linked This is an upstream issue that has been reported upstream

Comments

@dalisoft
Copy link

dalisoft commented Jul 3, 2019

  • VSCode Version: V1.36.0 (1.36.0) and higher
  • OS Version: macOS 10.12(.0-6)

Steps to Reproduce:

  1. Download latest release
  2. Try to use Sierra tab feature

Note: Insiders build already does not work on Sierra
Note 2: This feature works only for High Sierra and Mojave
Note 3: Can this feature be added to without OS specific? i.e. for Windows users and/or for El Capitan users?
Note 4: Upgrading to Mojave isn't solution as Mojave not available to all users

Does this issue occur when all extensions are disabled?: Yes

@bpasero
Copy link
Member

bpasero commented Jul 4, 2019

@dalisoft are you saying that in VSCode 1.35 you could use native tabs on macOS Sierra (10.12.x) and now you need at least High Sierra (10.13.x) to use them?

@bpasero bpasero added the info-needed Issue requires more information from poster label Jul 4, 2019
@dalisoft
Copy link
Author

dalisoft commented Jul 4, 2019

@bpasero Only v1.35 worked for me (Sierra tab feature), before and last release works only in v10.13+ (old releases worked only 10.13+, i did not test latest release on 10.13+)

@bpasero
Copy link
Member

bpasero commented Jul 4, 2019

@dalisoft that is weird, are you saying v1.34 also did NOT support native tabs on macOS Sierra 10.12.x?

We did an Electron update for 1.36, but I would be surprised if there is something that changed between 1.34 and 1.35 that could cause this.

@dalisoft
Copy link
Author

dalisoft commented Jul 4, 2019

Yes, v1.34 also did not worked. Insiders build also does not support native tabs, even it has fullscreen black space bug

@bpasero
Copy link
Member

bpasero commented Jul 4, 2019

@dalisoft how exactly do you see that it is not working, does it partially work or not at all. Can you share your settings file?

@dalisoft
Copy link
Author

dalisoft commented Jul 4, 2019

It's not works at all

{
  "breadcrumbs.enabled": false,
  "extensions.autoUpdate": true,
  "telemetry.enableCrashReporter": false,
  "telemetry.enableTelemetry": false,
  "workbench.iconTheme": "material-icon-theme",
  "workbench.editor.highlightModifiedTabs": true,
  "workbench.editor.enablePreviewFromQuickOpen": false,
  "workbench.editor.enablePreview": false,
  "workbench.settings.enableNaturalLanguageSearch": false,
  "editor.wordWrap": "bounded",
  "editor.scrollBeyondLastLine": false,
  "editor.scrollBeyondLastColumn": 0,
  "editor.renderWhitespace": "all",
  "editor.cursorBlinking": "solid",
  "editor.cursorSmoothCaretAnimation": false,
  "editor.formatOnSave": true,
  "editor.formatOnPaste": false,
  "editor.formatOnType": false,
  "editor.minimap.enabled": false,
  "editor.minimap.renderCharacters": false,
  "editor.minimap.maxColumn": 200,
  "editor.minimap.showSlider": "always",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.fontFamily": "Monaco, Menlo, Consolas, 'Courier New', monospace",
  "editor.fontSize": 12,
  "editor.smoothScrolling": true,
  "editor.suggestSelection": "first",
  "editor.fontWeight": "100",
  "diffEditor.ignoreTrimWhitespace": false,
  "window.zoomLevel": 0,
  "window.title": "${dirty} ${activeEditorMedium}${separator}${rootName}",
  "window.nativeFullScreen": false,
  "window.nativeTabs": true,
  "javascript.validate.enable": false,
  "javascript.format.enable": false,
  "javascript.implicitProjectConfig.experimentalDecorators": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "javascript.implicitProjectConfig.checkJs": true,
  "javascript.format.insertSpaceAfterSemicolonInForStatements": false,
  "javascript.suggest.autoImports": false,
  "typescript.validate.enable": false,
  "typescript.format.enable": false,
  "typescript.implementationsCodeLens.enabled": true,
  "typescript.referencesCodeLens.enabled": true,
  "typescript.updateImportsOnFileMove.enabled": "always",
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "explorer.openEditors.visible": 0,
  "files.watcherExclude": {
    "**/.git/objects/**": true,
    "**/.git/subtree-cache/**": true,
    "**/node_modules/**": true,
    "**/dist/**": true,
    "**/build/**": true,
    "**/.cache/**": true,
    "**/.webpack/**": true
  },
  "files.autoSave": "onWindowChange",
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "files.associations": {
    "*.js": "javascriptreact",
    "*.ts": "typescriptreact",
    "*.css": "postcss"
  },
  "eslint.autoFixOnSave": true,
  "eslint.runtime": "/usr/local/bin/node",
  "eslint.validate": [
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "javascript",
      "autoFix": true
    },
    {
      "language": "javascriptreact",
      "autoFix": true
    }
  ],
  "prettier.stylelintIntegration": true,
  "prettier.printWidth": 80,
  "prettier.jsxBracketSameLine": true,
  "prettier.arrowParens": "avoid",
  "prettier.eslintIntegration": true,
  "prettier.tslintIntegration": true,
  "prettier.requireConfig": false,
  "stylelint.enable": true,
  "emmet.includeLanguages": {
    "postcss": "css",
    "javascript": "javascriptreact"
  },
  "emmet.syntaxProfiles": {
    "postcss": "css"
  },
  "postcssSorting.config": {
    "order": [
      "custom-properties",
      "dollar-variables",
      "declarations",
      "at-rules",
      "rules"
    ],
    "properties-order": [
      "display",
      "position",
      "top",
      "right",
      "bottom",
      "left"
    ]
  },
  "sync.gist": "GIST_ID",
  "sync.autoUpload": false,
  "sync.autoDownload": false,
  "git.autofetch": true,
  "git.enableSmartCommit": true,
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "terminal.explorerKind": "external",
  "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\wsl.exe",
  // "terminal.integrated.shellArgs.windows": ["~"],
  "search.exclude": {
    "**/.cache": true,
    "**/.out": true,
    "**/build": true,
    "**/dist": true
  },
  "markdown.preview.fontFamily": "-apple-syLight BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', 'Ubuntu', 'Droid Sans', sans-serif",
  "workbench.editor.closeOnFileDelete": true,
  "workbench.colorTheme": "Oceanic Plus",
  "typescript.experimental.useSeparateSyntaxServer": true,
  "update.mode": "none",
  "update.enableWindowsBackgroundUpdates": false,
  "workbench.statusBar.feedback.visible": false
}

@bpasero bpasero changed the title VSCode: Sierra-tab feature on macOS disappearing/not working with every new release Native Sierra-tabs are not working in macOS 10.12.x Jul 4, 2019
@bpasero bpasero added electron Issues and items related to Electron upstream Issue identified as 'upstream' component related (exists outside of VS Code) and removed info-needed Issue requires more information from poster labels Jul 4, 2019
@bpasero
Copy link
Member

bpasero commented Jul 4, 2019

@dalisoft ok I am sorry to hear that but I cannot tell why it fails for you :-(

@bpasero bpasero added the macos Issues with VS Code on MAC/OS X label Jul 4, 2019
@dalisoft
Copy link
Author

dalisoft commented Jul 4, 2019

Thanks. Lets wait for fix

@Platzii
Copy link

Platzii commented Jul 4, 2019

Having the same issue.
Running macOS Sierra (1.12.x), before VSCode 1.36.0 native window tabbing worked after update they did not anymore.

@bpasero
Copy link
Member

bpasero commented Jul 10, 2019

Given the comment in #77047 I think this is another Electron 4 related regression.

//cc @deepak1556

@bpasero
Copy link
Member

bpasero commented Jul 10, 2019

We are building exploration builds that use a much newer version of our UI framework (Electron version 6.0.x). I wonder if this issue reproduces with one of these builds, could you try? Download:

@igrek8
Copy link

igrek8 commented Jul 10, 2019

@bpasero, I have just tested macOS code-exploration. The issue is still present.

Again, I enabled window: Native Tabs, because code-exploration had a zero config

Version: 1.37.0-exploration
Commit: 54c6f2047b7e26f9dd6f991d9831ead1f06964b2
Date: 2019-07-09T10:05:44.909Z
Electron: 6.0.0-beta.12
Chrome: 76.0.3809.54
Node.js: 12.0.0
V8: 7.6.303.18-electron.0
OS: Darwin x64 16.7.0

@Platzii
Copy link

Platzii commented Jul 10, 2019

@bpasero, I can confirm the issue still persists with the exploration build

By the way:
In order to reproduce, you must set "Prefer tabs when opening documents" to "Always" in System Preferences > Dock

Screen Shot 2019-07-10 at 15 47 37

@igrek8
Copy link

igrek8 commented Aug 9, 2019

Good day everyone,

The issue has not been resolved yet. Unfortunately, it forces me to downgrade to v1.35 every time it automatically updates to v1.36 or v1.37.

None of the suggested solutions work. I tried to install the nightly build, etc.

Is there an investigation or any update?

@dalisoft
Copy link
Author

dalisoft commented Aug 9, 2019

@crabicode Hi!

  1. You can disable auto-update from Settings.
  2. I updated to Mojave (latest update) and performance was improved, these bugs are fixed and memory usage was reduced to 1.5 times which is huge as i'm using old macBook with 8Gb memory

@igrek8
Copy link

igrek8 commented Aug 9, 2019

@dalisoft,

I was reluctant to upgrade to Mojave because vscode could not open projects in the same window. Could you confirm vscode opens projects in native tabs in Mojave?

Thank you very much!

@dalisoft
Copy link
Author

dalisoft commented Aug 9, 2019

Yes, Sierra native-tab feature works as well as

  • Performance was improved
  • Reduced CPU usage
  • Reduced Memory usage

Sorry, things are improved in Code (VSCode), not related to Mojave, but in Mojave black space is missing and native-tab feature working

I glad i updated. I recommend you upgrade to only latest upgrade due of security and stability.

@bpasero
Copy link
Member

bpasero commented Oct 15, 2019

I will reopen this as I think we should still report this to Electron.

Is anyone here in the issue willing to distill a reproducible case against Electron so that we can report this?

@bpasero bpasero reopened this Oct 15, 2019
@bpasero bpasero added the info-needed Issue requires more information from poster label Oct 15, 2019
@vscodebot vscodebot bot closed this as completed Oct 22, 2019
@vscodebot
Copy link

vscodebot bot commented Oct 22, 2019

This issue has been closed automatically because it needs more information and has not had recent activity. See also our issue reporting guidelines.

Happy Coding!

@bpasero bpasero reopened this Oct 22, 2019
@bpasero
Copy link
Member

bpasero commented Oct 22, 2019

Anyone?

@bpasero bpasero removed the info-needed Issue requires more information from poster label Oct 22, 2019
@dalisoft
Copy link
Author

I don’t have macOS Sierra currently, issue already fixed?

@bpasero
Copy link
Member

bpasero commented Oct 22, 2019

I think there are still people that complain that native tabs are not working with macOS 10.12. Waiting for someone with 10.12 to respond, then we can see to reproduce with a simple Electron app.

@dalisoft
Copy link
Author

I try install Sierra and test in weekend

@bpasero
Copy link
Member

bpasero commented Oct 22, 2019

Thanks!

It should be as easy as:

  • download Electron fiddle
  • pick Electron 6
  • in the browser window options add: tabbingIdentifier: "foo"
  • run it

image

@dalisoft
Copy link
Author

dalisoft commented Oct 23, 2019

@bpasero
I can confirm it is does not work

Electron 6.x latest

Electron 6.0.12


OS Info

@bpasero
Copy link
Member

bpasero commented Oct 23, 2019

@dalisoft thanks a ton for doing this ❤️ . Now as a last step, can you distill this into an issue against Electron here and link the bug back here?

@dalisoft
Copy link
Author

dalisoft commented Oct 23, 2019

I try @bpasero, now or just later as also i should test which Electron works fine :)

@dalisoft
Copy link
Author

@bpasero You can track bug at here in Electron repository

@bpasero bpasero added the upstream-issue-linked This is an upstream issue that has been reported upstream label Oct 23, 2019
@dalisoft
Copy link
Author

dalisoft commented Nov 11, 2019

I found workaround by trying many ways to get it work in Sierra.

Required: System Preferences -> Dock -> Open document in tabs -> Only in full-screen mode.

  1. Run VSCode
  2. Maximize / make it Full-screen
  3. Click Window -> New Tab in VSCode
  4. Make revert window status to previous state (no full-screen)
  5. Maximize again.
  6. Enjoy working solution.

If you want open new tabs, try 3-5 steps again.

Note: If you forgot steps 4 and 5, you able to use native-tabs, but top tabs bar will be empty or hidden (i don't why)

This solution tested in v1.40 and v1.39.

Hope it helps you 😄

@dalisoft
Copy link
Author

dalisoft commented Sep 1, 2022

@bpasero As linked issues are closed, this can be closed too

@dalisoft dalisoft closed this as completed Sep 1, 2022
@github-actions github-actions bot locked and limited conversation to collaborators Oct 18, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
electron Issues and items related to Electron macos Issues with VS Code on MAC/OS X upstream Issue identified as 'upstream' component related (exists outside of VS Code) upstream-issue-linked This is an upstream issue that has been reported upstream
Projects
None yet
Development

No branches or pull requests

6 participants