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.

Sign up for GitHub

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

Jump to bottom

Arrow popover menubar shows unwanted shadow/outline on Mac OS X #241

Closed
athenawisdoms opened this issue Jul 31, 2019 · 1 comment
Closed

Arrow popover menubar shows unwanted shadow/outline on Mac OS X #241

athenawisdoms opened this issue Jul 31, 2019 · 1 comment
Labels
annoyance upstream Bug related to upstream Electron

Comments

@athenawisdoms
Copy link

Description

Strange shadows/outline are seen on the top of the arrow popover menubar on Mac OS X.

Steps to Reproduce the Problem

Run the arrow popover menubar example on Mac OS X Mojave 10.14.5.

main.js

const { menubar } = require('menubar')

const mb = menubar({
  browserWindow: { transparent: true }
});

mb.on('ready', () => {
  console.log('Menubar app is ready.');
});

index.html

<html>
  <head>
    <title>Example App</title>
    <link rel="stylesheet" href="index.css" />
  </head>
  <body class="myarrow">
    <div class="page">Hello World.</div>
  </body>
</html>

index.css

.myarrow {
    position: relative;
    padding: 12px 0;
  }
  
  .myarrow:before {
    content: '';
    height: 0;
    width: 0;
    border-width: 0 8px 12px 8px;
    border-style: solid;
    border-color: transparent transparent #eeeeee transparent;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .page {
    background: #eeeeee;
    width: 340px;
    height: 500px;
    margin: 0 auto;
  }
  
  .darwin.page {
    border-radius: 5px;
    overflow: hidden;
  }

Expected Behaviour

No white outline/shadow above the arrow popover menubar.

image

Actual Behaviour

Observed white outline/shadow above the arrow popover menubar.

image

Specifications

  • Menubar version: 6.0.6
  • Platform: Mac OS X Mojave 10.14.5
  • Electron version: 6.0.0

Other information
@amaury1093 amaury1093 added annoyance upstream Bug related to upstream Electron labels Jul 31, 2019
@amaury1093
Copy link
Collaborator

Hi @athenawisdoms, thanks for the report. This is a known issue, it's a bug with Mojave. Have a look at electron/electron#13164, there are also some hacky workarounds.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
annoyance upstream Bug related to upstream Electron
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@amaury1093 @athenawisdoms