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

Split view broken #574

Closed
colinmegill opened this issue Jun 4, 2018 · 17 comments
Closed

Split view broken #574

colinmegill opened this issue Jun 4, 2018 · 17 comments
Assignees
Labels
bug Something isn't working

Comments

@colinmegill
Copy link
Collaborator

Chrome, PC

image

@trvrb
Copy link
Member

trvrb commented Jun 4, 2018

Thanks @colinmegill. This is almost certainly an issue with the scrollbar width we're using. I tuned it off Mac where they are thinner.

@colinmegill
Copy link
Collaborator Author

colinmegill commented Jun 4, 2018 via email

@trvrb
Copy link
Member

trvrb commented Jun 4, 2018

Mac / Chrome is working fine for me. Haven't encountered this issue. Works at all window sizes and browser-zoom levels.

lassa

@colinmegill
Copy link
Collaborator Author

Interesting! It looks like you do have your scrollbar turned off there, are you able to turn it back on?

@jameshadfield
Copy link
Member

This still happens periodically on different browsers / OSs.

@jameshadfield jameshadfield added bug Something isn't working high priority labels Jul 29, 2018
@colinmegill
Copy link
Collaborator Author

colinmegill commented Jul 29, 2018 via email

@rneher
Copy link
Member

rneher commented Jul 30, 2018

  • ubuntu 16.04/firefox: ok
  • ubuntu 16.04/chrome/chromium: broken
  • andoid/duckduckgo: ok

@emmahodcroft
Copy link
Member

Windows 10 Pro:

  • Firefox, Chrome, IE, Edge - all broken

@jameshadfield
Copy link
Member

@rneher / @emmahodcroft could you change this line https://github.com/nextstrain/auspice/blob/master/src/util/computeResponsive.js#L28 and see if you can fix it?

Perhaps there's a fundamentally different (and better) way of calculating this.

@rneher
Copy link
Member

rneher commented Jul 30, 2018

if I change it to 100, it works on linux/chrome and firefox. reducing it to 56 breaks it on linux/firefox. status quo works for firefox, not chrome

@rneher
Copy link
Member

rneher commented Jul 30, 2018

this surely has to do with all the different paddings that are added here and there. I don't see why we need to get this right to the pixel. I don't think it matters if there are 30px of white space on the right.

@colinmegill
Copy link
Collaborator Author

colinmegill commented Jul 30, 2018 via email

@tsibley
Copy link
Member

tsibley commented Jul 30, 2018

Given the reason for existence cited in the code James pointed at, I wonder if using appropriate viewBox attributes on our <svg> elements might be a better alternative to measuring and calculating dimensions ourselves.

@jameshadfield
Copy link
Member

I think i'll change the value to ~100px so that it's not broken now for people.

Going forward, something like react-measure or viewBox may be better.

@jameshadfield
Copy link
Member

Please reopen if it's still broken on v1.23.2.

@colinmegill
Copy link
Collaborator Author

colinmegill commented Jul 30, 2018 via email

@emmahodcroft
Copy link
Member

Works on Windows 10 Chrome, Firefox, IE, Edge 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

6 participants