René's URL Explorer Experiment


Title: Legend drag gets misaligned in the bottom 2/3 of the plot · Issue #1438 · plotly/plotly.js · GitHub

Open Graph Title: Legend drag gets misaligned in the bottom 2/3 of the plot · Issue #1438 · plotly/plotly.js

X Title: Legend drag gets misaligned in the bottom 2/3 of the plot · Issue #1438 · plotly/plotly.js

Description: Another one discovered while fiddling re: #1432 - If you make a plot with a legend (perhaps http://localhost:3000/devtools/test_dashboard/#legend_style) and make it editable so you can drag the legend (Plotly.newPlot(gd, gd.data, gd.layo...

Open Graph Description: Another one discovered while fiddling re: #1432 - If you make a plot with a legend (perhaps http://localhost:3000/devtools/test_dashboard/#legend_style) and make it editable so you can drag the leg...

X Description: Another one discovered while fiddling re: #1432 - If you make a plot with a legend (perhaps http://localhost:3000/devtools/test_dashboard/#legend_style) and make it editable so you can drag the leg...

Opengraph URL: https://github.com/plotly/plotly.js/issues/1438

X: @github

direct link

Domain: github.com


Hey, it has json ld scripts:
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Legend drag gets misaligned in the bottom 2/3 of the plot","articleBody":"Another one discovered while fiddling re: #1432 - If you make a plot with a legend (perhaps http://localhost:3000/devtools/test_dashboard/#legend_style) and make it editable so you can drag the legend (`Plotly.newPlot(gd, gd.data, gd.layout, {editable: true})`) you can drag the legend around anywhere in the top 1/3 of the plot area and it positions itself correctly. But if you drag it to the middle or bottom of the plot area, it jumps back up a bit when you drop it.\r\n\r\nThis comes from a miscalculation with `yanchor: auto`, which is the default `yanchor` value, and means that when you're in the middle third of the plot, the position (`legend.y`) is anchored to the middle of the legend, and when you're in the bottom third it's anchored to the bottom of the legend. This setting is designed to make it easy to keep the legend aligned near a corner of the plot even when the plot size might change.\r\n\r\nIt seems like `x` also has this problem, but it has an additional problem that `xanchor` defaults to `left` rather than `auto` as it should. That may be a tougher one to solve, as we can't just change the default without breaking backward compatibility for some plots...\r\n\r\nAnnotations (when paper-referenced with no arrow) have the same auto anchor behavior, but they do not have either of these bugs.","author":{"url":"https://github.com/alexcjohnson","@type":"Person","name":"alexcjohnson"},"datePublished":"2017-03-02T17:34:06.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3},"url":"https://github.com/1438/plotly.js/issues/1438"}

route-pattern/_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format)
route-controllervoltron_issues_fragments
route-actionissue_layout
fetch-noncev2:b6595b72-52e3-a028-a23b-b9cc2dc04e78
current-catalog-service-hash81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114
request-id8674:2BEA3E:B5C596:F62B6D:6A5EF55A
html-safe-nonce29d8a6fbf5b98a39a4b26fdbadefffa05e22817ffbf88381cd687752fe4ef663
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI4Njc0OjJCRUEzRTpCNUM1OTY6RjYyQjZEOjZBNUVGNTVBIiwidmlzaXRvcl9pZCI6Ijc1MTEyOTMzMDE5MDMxNjg5MCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac14d486e3bb57b8bd735e6d644e4bbbc9f2526e6832e38197339c3818bc495560
hovercard-subject-tagissue:211463267
github-keyboard-shortcutsrepository,issues,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/issues_fragments/issue_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/plotly/plotly.js/1438/issue_layout
twitter:imagehttps://opengraph.githubassets.com/2ef6dfeb5a45645fa01c52d68bf3b02bc6ca5c93324b1b33e2a7ded8e134661e/plotly/plotly.js/issues/1438
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/2ef6dfeb5a45645fa01c52d68bf3b02bc6ca5c93324b1b33e2a7ded8e134661e/plotly/plotly.js/issues/1438
og:image:altAnother one discovered while fiddling re: #1432 - If you make a plot with a legend (perhaps http://localhost:3000/devtools/test_dashboard/#legend_style) and make it editable so you can drag the leg...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernamealexcjohnson
hostnamegithub.com
expected-hostnamegithub.com
None82d0004a35927bdb00c652a57f456c55aa0eda4ade1bc7956d7510fdea6e454b
turbo-cache-controlno-preview
go-importgithub.com/plotly/plotly.js git https://github.com/plotly/plotly.js.git
octolytics-dimension-user_id5997976
octolytics-dimension-user_loginplotly
octolytics-dimension-repository_id45646037
octolytics-dimension-repository_nwoplotly/plotly.js
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id45646037
octolytics-dimension-repository_network_root_nwoplotly/plotly.js
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
released2d913dd727d2d7ac189fb4d05b10bc34ecd03ee
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/plotly/plotly.js/issues/1438#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fplotly%2Fplotly.js%2Fissues%2F1438
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
Code QualityEnforce quality at mergehttps://github.com/features/code-quality
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/open-source/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/open-source/accelerator
GitHub Starshttps://stars.github.com
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fplotly%2Fplotly.js%2Fissues%2F1438
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fissues_fragments%2Fissue_layout&source=header-repo&source_repo=plotly%2Fplotly.js
Reloadhttps://github.com/plotly/plotly.js/issues/1438
Reloadhttps://github.com/plotly/plotly.js/issues/1438
Reloadhttps://github.com/plotly/plotly.js/issues/1438
Please reload this pagehttps://github.com/plotly/plotly.js/issues/1438
plotly https://github.com/plotly
plotly.jshttps://github.com/plotly/plotly.js
Please reload this pagehttps://github.com/plotly/plotly.js/issues/1438
Notifications https://github.com/login?return_to=%2Fplotly%2Fplotly.js
Fork 2k https://github.com/login?return_to=%2Fplotly%2Fplotly.js
Star 18.3k https://github.com/login?return_to=%2Fplotly%2Fplotly.js
Code https://github.com/plotly/plotly.js
Issues 774 https://github.com/plotly/plotly.js/issues
Pull requests 54 https://github.com/plotly/plotly.js/pulls
Actions https://github.com/plotly/plotly.js/actions
Security and quality 0 https://github.com/plotly/plotly.js/security
Insights https://github.com/plotly/plotly.js/pulse
Code https://github.com/plotly/plotly.js
Issues https://github.com/plotly/plotly.js/issues
Pull requests https://github.com/plotly/plotly.js/pulls
Actions https://github.com/plotly/plotly.js/actions
Security and quality https://github.com/plotly/plotly.js/security
Insights https://github.com/plotly/plotly.js/pulse
Legend drag gets misaligned in the bottom 2/3 of the plothttps://github.com/plotly/plotly.js/issues/1438#top
bugsomething brokenhttps://github.com/plotly/plotly.js/issues?q=state%3Aopen%20label%3A%22bug%22
https://github.com/alexcjohnson
alexcjohnsonhttps://github.com/alexcjohnson
on Mar 2, 2017https://github.com/plotly/plotly.js/issues/1438#issue-211463267
#1432https://github.com/plotly/plotly.js/pull/1432
http://localhost:3000/devtools/test_dashboard/#legend_stylehttp://localhost:3000/devtools/test_dashboard/#legend_style
bugsomething brokenhttps://github.com/plotly/plotly.js/issues?q=state%3Aopen%20label%3A%22bug%22
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.