\n\nThe issue can also be seen in VS Code, where the closing element will lose its syntax coloring:\n\n\u003Cimg width=\"415\" height=\"258\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/00d3e974-6626-4a47-9a29-0d42069b3435\" />\n\n### Validations\n\n- [x] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [x] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [x] Read the [docs](https://vitepress.dev).\n- [x] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3081],{"name":3052,"color":3053},4836,"Mixing markdown inside markup breaks parsing if closing element is indented by 4 spaces or 1 tab (or more)","2025-07-13T09:28:05Z","https://github.com/vuejs/vitepress/issues/4836",0.71323746,{"description":3088,"labels":3089,"number":3091,"owner":3029,"repository":3030,"state":3043,"title":3092,"updated_at":3093,"url":3094,"score":3095},"### Describe the bug\r\n\r\nThe `\u003CContent />` component wraps the code with a \"position: relative\" styled div. \r\n\r\n\u003Cimg width=\"656\" alt=\"Screenshot 2023-07-30 at 9 43 37 PM\" src=\"https://github.com/vuejs/vitepress/assets/90354202/a7f83520-edc3-415d-b851-2487693e1ba9\">\r\n\r\n\r\n### Reproduction\r\n\r\nThe \u003CContent /> component wraps the code with a \"position: relative\" styled div. \r\n\r\n### Expected behavior\r\n\r\nThere is no documentation on how to disable that from happening and it shouldn't do that in the first place anyway. \r\n\r\n### System Info\r\n\r\n```sh\r\nv1.0.0-beta.7\r\n```\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\r\n\r\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.dev).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3090],{"name":3052,"color":3053},2712,"The \u003CContent /> component wraps the code with a \"position: relative\" styled div.","2023-08-11T00:04:38Z","https://github.com/vuejs/vitepress/issues/2712",0.71460825,{"description":3097,"labels":3098,"number":3099,"owner":3029,"repository":3030,"state":3043,"title":3100,"updated_at":3101,"url":3102,"score":3103},"### Describe the bug\n\ncontent 部分没有 overflow:hidden 导致很长的滚动条(也有可能是我的图片太大?)\r\n\r\n[github here](https://github.com/Mt-Youya/DeepLearning-500-questions)\r\n\r\n[site here](https://deeplearning-500-questions.pages.dev/zh-cn/ch02_%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%9F%BA%E7%A1%80/%E7%AC%AC%E4%BA%8C%E7%AB%A0_%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%9F%BA%E7%A1%80.html)\n\n### Reproduction\n\n我fork 别人的仓库,不是我自己写的, 它原本用的是 docsify 我想提个pr用vitepress 试试,然后就出现了这个bug\n\n### Expected behavior\n\n没有滚动条\n\n### System Info\n\n```Text\nVersion 122.0.6261.112 (Official Build) (64-bit)\r\nwin11\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[],3644,"CSS bug","2024-03-19T00:07:30Z","https://github.com/vuejs/vitepress/issues/3644",0.71499634,{"description":3105,"labels":3106,"number":3108,"owner":3029,"repository":3030,"state":3043,"title":3109,"updated_at":3110,"url":3111,"score":3112},"### Describe the bug\n\n当没有sidebar,有footer和outline时,滚动轴在底部,outline将会显示异常\n\n### Reproduction\n\n\r\n\n\n### Expected behavior\n\n修复outline显示异常,固定在原位不动\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.22000\r\n CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz\r\n Memory: 8.82 GB / 15.69 GB\r\n Binaries:\r\n Node: 16.17.0 - D:\\developer_tools\\nodejs\\node.EXE\r\n npm: 8.19.1 - D:\\developer_tools\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.22000.120.0)\r\n Internet Explorer: 11.0.22000.120\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.vuejs.org).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3107],{"name":3020,"color":3021},1464,"outline显示异常","2023-01-21T14:22:49Z","https://github.com/vuejs/vitepress/issues/1464",0.7161265,{"description":3114,"labels":3115,"number":3117,"owner":3029,"repository":3030,"state":3043,"title":3118,"updated_at":3119,"url":3120,"score":3121},"### Describe the bug\n\nWhen side bar has more than 4 depth nested title, indent is broken.\n\n### Reproduction\n\n.vitepress/config.ts\r\n\r\n```ts\r\nimport { defineConfig, DefaultTheme } from \"vitepress\";\r\n\r\nexport default defineConfig({\r\n title: \"Some document\",\r\n description: \"Just playing around.\",\r\n themeConfig: {\r\n sidebar: {\r\n \"/\": [\r\n {\r\n text: \"1\",\r\n children: [\r\n {\r\n text: \"2\",\r\n children: [\r\n {\r\n text: \"3\",\r\n children: [\r\n {\r\n text: \"4\",\r\n children: [\r\n {\r\n text: \"5\",\r\n children: [\r\n {\r\n text: \"6\",\r\n children: [],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n});\r\n```\r\n\r\nthis produce side bar like bellow.\r\n\r\n\r\n\r\n\n\n### Expected behavior\n\nProduce correct indent.\r\n\r\n\r\n\r\nThe image above is made by changing sub title padding to `0.3rem 1.5rem 0.3rem 5rem` for 5 and `0.3rem 1.5rem 0.3rem 6rem` for 6 with Chrome dev tool.\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.22000\r\n CPU: (8) x64 Intel(R) Core(TM) i7-1065G7 CPU @ 1.30GHz\r\n Memory: 16.17 GB / 31.59 GB\r\n Binaries:\r\n Node: 16.12.0 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 8.1.0 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Chrome: 99.0.4844.51\r\n Edge: Spartan (44.22000.120.0), Chromium (98.0.1108.62)\r\n Internet Explorer: 11.0.22000.120\r\n npmPackages:\r\n vitepress: ^0.22.3 => 0.22.3\n```\n\n\n### Additional context\n\nI know if we use deep nested sub title, the layout is broken in many case, but at least it should be able to choice whether we use it or not I think.\r\nEven if it's not supported officially, if we get it work by adding some script or something, it's welcome😀\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.vuejs.org).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3116],{"name":3020,"color":3021},563,"Deep nested side bar title isn't indented.","2023-01-21T14:26:42Z","https://github.com/vuejs/vitepress/issues/563",0.7170199,["Reactive",3123],{},["Set"],["ShallowReactive",3126],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f6blvy_RuztX5KM6TBEXKy1HLplrmBm0Ti6u_0wTuvn4":-1},"/vuejs/vitepress/3775"]