Title: Input `style` conflicts with global `style` binding to native attribute · Issue #287 · plotly/angular-plotly.js · GitHub
Open Graph Title: Input `style` conflicts with global `style` binding to native attribute · Issue #287 · plotly/angular-plotly.js
X Title: Input `style` conflicts with global `style` binding to native attribute · Issue #287 · plotly/angular-plotly.js
Description: The style input in PlotlyComponent conflicts with the global Angular binding, which itself is linked to the native HTML style attribute. It looks like it's actually bound it to the inner element's ngStyle. ngStyle and style are essential...
Open Graph Description: The style input in PlotlyComponent conflicts with the global Angular binding, which itself is linked to the native HTML style attribute. It looks like it's actually bound it to the inner element's ...
X Description: The style input in PlotlyComponent conflicts with the global Angular binding, which itself is linked to the native HTML style attribute. It looks like it's actually bound it to the inner elemen...
Opengraph URL: https://github.com/plotly/angular-plotly.js/issues/287
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Input `style` conflicts with global `style` binding to native attribute","articleBody":"The [`style` input in PlotlyComponent](https://github.com/plotly/angular-plotly.js/blob/5201d97fc2e01e5533d08a921cd44e28265a9222/projects/plotly/src/lib/plotly.component.ts#L50) conflicts with [the global Angular binding](https://angular.dev/guide/templates/binding#css-style-properties), which itself is linked to [the native HTML `style` attribute](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/style).\nIt looks like it's actually bound it to the _inner_ element's `ngStyle`. `ngStyle` and `style` are essentially equivalent, with [the current Angular style guide preferring `style`](https://angular.dev/style-guide#prefer-class-and-style-over-ngclass-and-ngstyle).\n\nI propose to a rename of the input, to something like `elementStyle`, `innerStyle`, `plotElementStyle`, or the like.","author":{"url":"https://github.com/StavNoyAkur8","@type":"Person","name":"StavNoyAkur8"},"datePublished":"2025-10-01T13:24:31.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/287/angular-plotly.js/issues/287"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:f4dd2407-9426-ea07-4c9d-50978f51a8f2 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | D610:281ABF:1D14AB0:27A8D60:6964C205 |
| html-safe-nonce | 18a371fba5be29d47be66a816ee6088fd52912a29182aff71bf37785850d6e46 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJENjEwOjI4MUFCRjoxRDE0QUIwOjI3QThENjA6Njk2NEMyMDUiLCJ2aXNpdG9yX2lkIjoiNDU4NDUxNDY4MjY5MTU2ODEzMyIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | aaf4423a148d32b115ca09c2116f89a74189030a570e2ece60a6a9bd1b29867e |
| hovercard-subject-tag | issue:3473563539 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/plotly/angular-plotly.js/287/issue_layout |
| twitter:image | https://opengraph.githubassets.com/40abe9e438cf0eda708c4f89740ba7b6aeb18c7e49912d2278424912e8394378/plotly/angular-plotly.js/issues/287 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/40abe9e438cf0eda708c4f89740ba7b6aeb18c7e49912d2278424912e8394378/plotly/angular-plotly.js/issues/287 |
| og:image:alt | The style input in PlotlyComponent conflicts with the global Angular binding, which itself is linked to the native HTML style attribute. It looks like it's actually bound it to the inner element's ... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | StavNoyAkur8 |
| hostname | github.com |
| expected-hostname | github.com |
| None | 21df671ce2c9f1a16940ccbd3af6cb4f3f12a856929ca7eb1b4aea8e384ea442 |
| turbo-cache-control | no-preview |
| go-import | github.com/plotly/angular-plotly.js git https://github.com/plotly/angular-plotly.js.git |
| octolytics-dimension-user_id | 5997976 |
| octolytics-dimension-user_login | plotly |
| octolytics-dimension-repository_id | 125262347 |
| octolytics-dimension-repository_nwo | plotly/angular-plotly.js |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 125262347 |
| octolytics-dimension-repository_network_root_nwo | plotly/angular-plotly.js |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 5707c685ac172d50a0bdd7533dde4f8aabcf8eef |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width