Title: Line height acts as line spacing · Issue #10641 · NativeScript/NativeScript · GitHub
Open Graph Title: Line height acts as line spacing · Issue #10641 · NativeScript/NativeScript
X Title: Line height acts as line spacing · Issue #10641 · NativeScript/NativeScript
Description: Issue Description When I set line height, I expect it to set the height of the line box. However, that property works as a "line spacing" property so if I set line-height to let's say 16, I'll get extremely large spacing between lines. S...
Open Graph Description: Issue Description When I set line height, I expect it to set the height of the line box. However, that property works as a "line spacing" property so if I set line-height to let's say 16, I'll get ...
X Description: Issue Description When I set line height, I expect it to set the height of the line box. However, that property works as a "line spacing" property so if I set line-height to let's say...
Opengraph URL: https://github.com/NativeScript/NativeScript/issues/10641
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Line height acts as line spacing","articleBody":"### Issue Description\n\nWhen I set line height, I expect it to set the height of the line box.\r\nHowever, that property works as a \"line spacing\" property so if I set line-height to let's say 16, I'll get extremely large spacing between lines.\r\n\r\nSee: https://developer.mozilla.org/en-US/docs/Web/CSS/line-height\n\n### Reproduction\n\n_No response_\n\n### Relevant log output (if applicable)\n\n_No response_\n\n### Environment\n\n```yaml\r\nOS: Linux 6.8 Ubuntu 20.04.3 LTS (Focal Fossa)\r\nCPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz\r\nShell: /bin/bash\r\nnode: 22.4.1\r\nnpm: 10.8.1\r\nnativescript: 8.8.0\r\n\r\n# android\r\njava: 17.0.12\r\nndk: Not Found\r\napis: Not Found\r\nbuild_tools: Not Found\r\nsystem_images: Not Found\r\n\r\n# ios\r\nxcode: Not Found\r\ncocoapods: Not Found\r\npython: 2.7.18\r\npython3: 3.8.10\r\nruby: Not Found\r\nplatforms: Not Found\r\n```\r\n\r\n### Dependencies\r\n\r\n```json\r\n\"dependencies\": {\r\n \"nativescript-theme-core\": \"^1.0.4\"\r\n},\r\n\"devDependencies\": {\r\n \"@nativescript/hook\": \"^2.0.0\",\r\n \"@nativescript/nx\": \"^19.0.0\",\r\n \"@nstudio/focus\": \"^19.0.0\",\r\n \"@nstudio/nps-i\": \"~2.0.0\",\r\n \"@nx/devkit\": \"19.4.2\",\r\n \"@nx/eslint-plugin\": \"19.4.2\",\r\n \"@nx/jest\": \"19.4.2\",\r\n \"@nx/js\": \"19.4.2\",\r\n \"@nx/node\": \"19.4.2\",\r\n \"@nx/plugin\": \"19.4.2\",\r\n \"@nx/workspace\": \"19.4.2\",\r\n \"@prettier/plugin-xml\": \"^3.4.1\",\r\n \"@types/jest\": \"~29.5.0\",\r\n \"@types/node\": \"^20.0.0\",\r\n \"@typescript-eslint/eslint-plugin\": \"^7.5.0\",\r\n \"@typescript-eslint/parser\": \"^7.5.0\",\r\n \"acorn\": \"^8.7.0\",\r\n \"conventional-changelog-cli\": \"^4.1.0\",\r\n \"copyfiles\": \"^2.4.0\",\r\n \"css\": \"^3.0.0\",\r\n \"css-tree\": \"^1.1.2\",\r\n \"css-what\": \"^6.1.0\",\r\n \"dotenv\": \"~16.4.0\",\r\n \"emoji-regex\": \"^10.3.0\",\r\n \"eslint\": \"~8.57.0\",\r\n \"eslint-config-prettier\": \"~9.1.0\",\r\n \"gonzales\": \"^1.0.7\",\r\n \"husky\": \"^9.0.0\",\r\n \"jest\": \"~29.7.0\",\r\n \"jest-environment-jsdom\": \"~29.7.0\",\r\n \"lint-staged\": \"^15.2.0\",\r\n \"module-alias\": \"^2.2.2\",\r\n \"nativescript\": \"8.8.0-pre-next-07-03-2024-9781798152\",\r\n \"nativescript-typedoc-theme\": \"1.1.0\",\r\n \"nx\": \"19.4.2\",\r\n \"parse-css\": \"git+https://github.com/tabatkins/parse-css.git\",\r\n \"parserlib\": \"^1.1.1\",\r\n \"prettier\": \"^3.2.5\",\r\n \"reduce-css-calc\": \"~2.1.7\",\r\n \"sass\": \"^1.72.0\",\r\n \"shady-css-parser\": \"^0.1.0\",\r\n \"tree-kill\": \"^1.2.2\",\r\n \"ts-jest\": \"29.1.2\",\r\n \"ts-node\": \"10.9.2\",\r\n \"ts-patch\": \"^3.0.0\",\r\n \"tslib\": \"^2.6.0\",\r\n \"typedoc\": \"^0.25.12\",\r\n \"typescript\": \"~5.4.0\",\r\n \"zx\": \"^7.2.0\"\r\n}\r\n```\n\n### Please accept these terms\n\n- [X] I have searched the [existing issues](https://github.com/NativeScript/NativeScript/issues) as well as [StackOverflow](https://stackoverflow.com/questions/tagged/nativescript) and this has not been posted before\n- [X] This is a bug report\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/NativeScript/NativeScript/blob/master/tools/notes/CONTRIBUTING.md#coc)","author":{"url":"https://github.com/CatchABus","@type":"Person","name":"CatchABus"},"datePublished":"2024-10-31T18:40:35.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/10641/NativeScript/issues/10641"}
| 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:067e2918-227b-d4eb-9ca7-661fc1f846f3 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | 8C78:3C1F66:64FDE9:871C8C:6A5FCFBD |
| html-safe-nonce | 29a905e03aefe1260a3ccd95a9220427db03cfc34901df1a239e72244d32008c |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI4Qzc4OjNDMUY2Njo2NEZERTk6ODcxQzhDOjZBNUZDRkJEIiwidmlzaXRvcl9pZCI6IjU5OTMyMjMwNzYyOTcyOTc4NTMiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ== |
| visitor-hmac | f6ea34a1352dfc9679370374dd3ec6c3f133beac59f31f74b2280fead561b251 |
| hovercard-subject-tag | issue:2627580508 |
| 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/NativeScript/NativeScript/10641/issue_layout |
| twitter:image | https://opengraph.githubassets.com/fa4c601e3b755bdcc6e81dfa575d60b15e5a1543a627d346850bd91bc15f2aca/NativeScript/NativeScript/issues/10641 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/fa4c601e3b755bdcc6e81dfa575d60b15e5a1543a627d346850bd91bc15f2aca/NativeScript/NativeScript/issues/10641 |
| og:image:alt | Issue Description When I set line height, I expect it to set the height of the line box. However, that property works as a "line spacing" property so if I set line-height to let's say 16, I'll get ... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | CatchABus |
| hostname | github.com |
| expected-hostname | github.com |
| None | 53a28a7799cbf673993ab89fc44869fea4c4a6545a861a4d1445e83e8d03aabd |
| turbo-cache-control | no-preview |
| go-import | github.com/NativeScript/NativeScript git https://github.com/NativeScript/NativeScript.git |
| octolytics-dimension-user_id | 7392261 |
| octolytics-dimension-user_login | NativeScript |
| octolytics-dimension-repository_id | 31492490 |
| octolytics-dimension-repository_nwo | NativeScript/NativeScript |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 31492490 |
| octolytics-dimension-repository_network_root_nwo | NativeScript/NativeScript |
| 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 | dc08399f879d576f0edbb8c52a0a1a30d498b203 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width