\r\n \u003CTresMeshNormalMaterial />\r\n \u003CHtml\r\n center\r\n transform\r\n :distance-factor=\"4\"\r\n :position=\"[0, 0, 0.65]\"\r\n :scale=\"[0.75, 0.75, 0.75]\"\r\n >\r\n \u003Cdiv>\r\n \u003Cp>This should not scroll\u003C/p>\r\n \u003C/div>\r\n \u003C/Html>\r\n \u003C/TresMesh>\r\n```\r\nI expect the first element to scroll, and the second to stay.\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: Linux 5.15 Ubuntu 22.04.3 LTS 22.04.3 LTS (Jammy Jellyfish)\r\n CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz\r\n Memory: 3.82 GB / 11.69 GB\r\n Container: Yes\r\n Shell: 3.6.1 - /usr/bin/fish\r\n Binaries:\r\n Node: 21.5.0 - ~/.local/share/nvm/v21.5.0/bin/node\r\n Yarn: 1.22.19 - /usr/bin/yarn\r\n npm: 10.2.4 - ~/.local/share/nvm/v21.5.0/bin/npm\r\n pnpm: 8.14.1 - ~/.local/share/pnpm/pnpm\r\n bun: 1.0.7 - ~/.bun/bin/bun\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\npnpm\r\n\r\n### Code of Conduct\r\n\r\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://tresjs.org/guide).\r\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2866,2869],{"name":2867,"color":2868},"pending-triage","97A4FE",{"name":2870,"color":2871},"waiting for author","B145BC",507,"tres","Native html scroll and @tresjs/cientos Html component behaviour","2024-03-30T15:37:07Z","https://github.com/Tresjs/tres/issues/507",0.7544136,{"description":2879,"labels":2880,"number":2887,"owner":2856,"repository":2873,"state":2858,"title":2888,"updated_at":2889,"url":2890,"score":2891},"### Description\r\n\r\nAs a developer using TresJS, I want to have a `\u003CPortal>` component that can contain a separate `Scene` and `context`.\r\n\r\n### Suggested solution\r\n\r\nProvide a `\u003CPortal>` component similar to R3F.\r\n\r\n### Requirements\r\n\r\n- [ ] Add override-able pointer to `TresContext` (Also add as prop to TresCanvas: see #581 ); use vanilla `THREE.Vector2`, accept `Vector2` and `UsePointerOptions` as TresCanvas prop\r\n- [ ] Make these fields on `TresContext` swappable and (in some case injectable by the user): scene, camera, cameras, controls, raycaster, eventManager, sizes\r\n\r\n### Validations\r\n\r\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://tresjs.org/guide).\r\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.",[2881,2884],{"name":2882,"color":2883},"p3-significant","2C78E3",{"name":2885,"color":2886},"v5","EFC959",789,"Portal","2025-02-06T09:59:01Z","https://github.com/Tresjs/tres/issues/789",0.77219737,{"description":2893,"labels":2894,"number":2901,"owner":2856,"repository":2873,"state":2902,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### Describe the bug\n\nIf you add vLightHelper directives it breaks the vue devtools \r\n\r\n\u003Cimg width=\"1500\" alt=\"Screenshot 2024-07-26 at 10 56 29\" src=\"https://github.com/user-attachments/assets/5d958f37-af21-497a-b82f-e5acb743dad6\">\r\n\r\n\r\n\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/~/edit/tresjs-reproduction-v-light-helper?file=src/components/TheExperience.vue&file=src/components/TheExperience.vue\n\n### Steps to reproduce\n\n- Add a `v-light-helper`\r\n- Check vue devtools\n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (4) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Shell: 1.0 - /bin/jsh\r\n Binaries:\r\n Node: 18.20.3 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 10.2.3 - /usr/local/bin/npm\r\n pnpm: 8.15.6 - /usr/local/bin/pnpm\r\n npmPackages:\r\n @tresjs/cientos: 4.0.0-next.1 => 4.0.0-next.1 \r\n @tresjs/core: 4.2.2 => 4.2.2 \r\n vite: ^5.3.2 => 5.3.5\n```\n\n\n### Used Package Manager\n\nnpm\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2895,2898],{"name":2896,"color":2897},"devtools","0AD07B",{"name":2899,"color":2900},"p4-important-bug","D93F0B",792,"closed","DirectionalLightHelpers breaks devtools","2024-07-26T11:22:16Z","https://github.com/Tresjs/tres/issues/792",0.7193836,{"description":2908,"labels":2909,"number":2916,"owner":2856,"repository":2873,"state":2902,"title":2917,"updated_at":2918,"url":2919,"score":2920},"**Is your feature request related to a problem? Please describe.**\r\nIn scenes that are not continuously changing, it could be a massive performance improvement to only trigger rendering when things change.\r\n\r\n**Describe the solution you'd like**\r\nThis feature should be optional. A prop on TresCanvas to activate it would be handy. There could be some kind of callback that can be used to request a render (something like `requestTick`). This callback should be available in all child components of TresCanvas. It has to be called manually whenever changes are made that change the scene. This also means that internal entities (like `OrbitControls`for example) have to call it whenever they change.\r\n\r\n**Suggested solution**\r\nSee above.\r\n",[2910,2913],{"name":2911,"color":2912},"feature","c2e0c6",{"name":2914,"color":2915},"v4","7980EA",140,"On demand Rendering","2024-05-30T06:32:44Z","https://github.com/Tresjs/tres/issues/140",0.73663855,{"description":2922,"labels":2923,"number":2924,"owner":2856,"repository":2873,"state":2902,"title":2925,"updated_at":2926,"url":2927,"score":2928},"### Describe the bug\n\nCurrent type definitions don't allow for a function to be passed to the `ref` prop of a component, so any time you use a [functional ref](https://vuejs.org/guide/essentials/template-refs.html#function-refs) you'll run into a type error.\r\n\r\nApologies for not including a reproduction or sample but this should be quick to recreate in any dev environment with the reproduction steps.\n\n### Reproduction\n\n/\n\n### Steps to reproduce\n\n1. Install tresjs in any project\r\n2. Add TresCanvas\r\n3. Add new ref, and function to populate ref \r\n`const sphereRefs = ref\u003CObject3D[]>([]);`\r\n`const setSphereRefs = (el: any) => {\r\n if (el && !sphereRefs.value.includes(el)) {\r\n sphereRefs.value.push(el);\r\n }\r\n};`\r\n4. Add TresGroup, TresMesh, etc...\r\n5. Pass a function to the `ref` property `:ref=\"(el) => \"setSphereRef(el)\"`\r\n6. Type error pops up indicating this isn't a valid value for the `ref` prop despite this being a common use for the `ref` prop.\n\n### System Info\n\n_No response_\n\n### Used Package Manager\n\nyarn\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],427,"ref prop missing type for functional ref","2023-10-30T10:34:55Z","https://github.com/Tresjs/tres/issues/427",0.7487279,{"description":2930,"labels":2931,"number":2935,"owner":2856,"repository":2936,"state":2902,"title":2937,"updated_at":2938,"url":2939,"score":2940},"**Is your feature request related to a problem? Please describe.**\r\nThe effects from [three.js itself](https://threejs.org/examples/?q=postprocessing) should be available in this package.\r\n\r\n**Describe the solution you'd like**\r\nSimilar to the existing effects. A submodule would be handy.\r\n",[2932],{"name":2933,"color":2934},"enhancement","a2eeef",113,"post-processing","Native three.js effects","2024-09-26T07:21:06Z","https://github.com/Tresjs/post-processing/issues/113",0.74970216,{"description":2942,"labels":2943,"number":2947,"owner":2856,"repository":2873,"state":2902,"title":2948,"updated_at":2949,"url":2950,"score":2951},"At the moment is not possible to have 2 or more \u003CTresCanvas/>` on the same page. \n\nShould be easier now that is a custom renderer, my wild guess is that composable is being shared between the two instances, so the second one doesn't create a singleton. v1 Also is not possible\n\nThis is a nice to have.\n\n",[2944],{"name":2945,"color":2946},"v2","FEE22E",153,"Multiple canvas in same page","2023-04-05T13:41:40Z","https://github.com/Tresjs/tres/issues/153",0.7575478,{"description":2953,"labels":2954,"number":2959,"owner":2856,"repository":2960,"state":2902,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### Describe the bug\n\nFunction onloop and animations from models GLB not working in nuxt. Sometimes it works locally but always doesn't work after building `yarn build` and `yarn preview`. \n\n### Reproduction\n\nhttps://github.com/Dekier/test2\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n_No response_\n\n### Used Package Manager\n\nyarn\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [x] Read the [docs](https://tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2955,2958],{"name":2956,"color":2957},"investigation","D8354F",{"name":2870,"color":2871},45,"nuxt","Function onloop and animations not working in nuxt ","2024-04-11T08:35:09Z","https://github.com/Tresjs/nuxt/issues/45",0.7583324,{"description":2966,"labels":2967,"number":2971,"owner":2856,"repository":2873,"state":2902,"title":2972,"updated_at":2973,"url":2974,"score":2975},"### Describe the bug\n\nAs mentioned in the title, in version v4.1.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-minimal-reproduction-7tdaba?file=src%2FApp.vue\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n_No response_\n\n### Used Package Manager\n\nnpm\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2968],{"name":2969,"color":2970},"bug","d73a4a",766,"Component: The setting parameter disableRender of TresCanvas is ineffective when renderMode is set to always.","2024-09-23T07:19:00Z","https://github.com/Tresjs/tres/issues/766",0.7656229,["Reactive",2977],{},["Set"],["ShallowReactive",2980],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGwrwe0KLTvDRPMe2Xm5M5w5ckCtGnLTj7quw0Y6fODA":-1},"/Tresjs/tres/957"]