html elements not displaying #932
Replies: 4 comments 1 reply
-
|
I was able to get the drei "Text" element to work, but I would still like to get the HTML element to display |
Beta Was this translation helpful? Give feedback.
-
|
heres an example https://codesandbox.io/s/r3f-suspense-zu2wo you dont need the scaleFactor, only if you want these things to scale - maybe it's that. |
Beta Was this translation helpful? Give feedback.
-
|
That is actually the example that I started with. The only difference that I can see is that I am on a newer version of React. I will start a new project and match these versions and see if it works. |
Beta Was this translation helpful? Give feedback.
-
|
@drcmda , downgrading solved it. I downgraded to match the codesandbox - and it works. I was at react 17.0.1 and went back to 16.13.1 and also downgraded react-three-fiber from 5.3.12 to 5.1.4. I did notice that I was at @react-three/drei 2.2.15 and the sandbox was at 2.2.3. Not sure if downgrading will make me lose anything significant. But the HTML works now. |
Beta Was this translation helpful? Give feedback.
-
|
@drcmda - further update, I re-upgraded react and react-three-fiber to the latest and it still works. It appears it was the drei that was causing the issue and it needed to be at 2.2.3 |
Beta Was this translation helpful? Give feedback.
-
I am using @react-three/drei to try and display html elements. It is creating the element, but it doesn't draw anything on the canvas
see here: https://www.dropbox.com/s/za7v0roqmwwws4u/Screen%20Shot%202021-01-12%20at%2011.54.52%20AM.png?dl=0
just doing a very basic...
to try and trouble-shoot. I have played with the z-index, but I can't seem to get it to display.
I am using:
"dependencies": {
"@react-spring/three": "^9.0.0-rc.3",
"@react-three/drei": "^2.2.15",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"lodash": "^4.17.20",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.1",
"react-three-fiber": "^5.3.12",
"react-use-gesture": "^9.0.0-beta.11",
"three": "^0.124.0",
"valtio": "^0.6.0",
"web-vitals": "^0.2.4"
},
Any ideas?
thanks,
Dale
Beta Was this translation helpful? Give feedback.
All reactions