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

Flashing top bar while scrolling #97

Open
tbrodbeck opened this issue Jan 14, 2020 · 6 comments
Open

Flashing top bar while scrolling #97

tbrodbeck opened this issue Jan 14, 2020 · 6 comments

Comments

@tbrodbeck
Copy link

tbrodbeck commented Jan 14, 2020 •
edited
Loading

When I use MacGap to wrap Google Keep it works beautifully.
There is unfortunately still one issue: The top bar of the website is flashing while I am scrolling.
Jan-19-2020 09-38-15
This is my complete index.html for reproduction - but its nothing special, it just wraps Google Keep (and I am using macOS Catalina btw):

<!DOCTYPE html>
<html>
<head>
  <title>MacGap</title>
  

  <style type="text/css" media="screen">
    html, body {
      height: 100%;
      width: 100%;
      background: #FFF;
      padding: 0;
      margin: 0;
      overflow: hidden;
      -webkit-user-select: none;
    }

    h1 {
      color: #E0E0E0;
      margin: 18% 0;
      text-align: center;
      font-family: helvetica;
    }
  </style>
  
</head>
<body>
  
  <script type="text/javascript" charset="utf-8">
      MacGap.Window.resize(900, 1000)
      window.location.href = 'https://keep.google.com';
  </script>
  
</body>
</html>
@jeff-h
Copy link
Member

jeff-h commented Jan 15, 2020

I can't see anything obviously wrong with your code. Does the same flashing occur when you load that html into Safari? (obviously you'd need to comment-out the MacGap line in your JavaScript).

@tbrodbeck
Copy link
Author

I don't think there is something wrong with the code. There is something wrong with the graphics engine of MacGaps on my system. I just wanted to present the code as a MWE.
The script works both on Safari and Chrome.

@jeff-h
Copy link
Member

jeff-h commented Jan 15, 2020

MacGap has no bespoke graphics engine implementation. It simply uses a webview, which should thus render identically to Safari.

I tried it with the two lines of JS you added and it works perfectly for me. Have you got a second machine you could try it with?

@tbrodbeck
Copy link
Author

Ok I just tried the to wrap Google Keep (yes, the code is not any more special than that) on my Late 2012 MacBook also running Catalina and its the same story.
The odd thing then is that Chrome or Safari render it differently than MacGaps.
Would it help you if I make a gif or video of the problem?

@jeff-h
Copy link
Member

jeff-h commented Jan 18, 2020

Gif sounds good — perhaps I'm seeing the issue but not recognising it as such.

@tbrodbeck
Copy link
Author

tbrodbeck commented Jan 19, 2020 •
edited
Loading

Ok sure:
Jan-19-2020 09-38-15
You can imagine that everything else of the window renders just fine.

Sorry I could have presented a gif way earlier. It was easier to create than I thought^^

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

No branches or pull requests
2 participants
@jeff-h @tbrodbeck