react-terminal-component icon indicating copy to clipboard operation
react-terminal-component copied to clipboard

No style with ReactDOMServer

Open demostanis-worlds opened this issue 5 years ago • 1 comments

Hello, I'm using ReactTerminal with ReactDOMServer, my main component looks like this:

import React, { Component } from "react"
import ReactTerminal, { ReactThemes } from "react-terminal-component"

export default class App extends Component {
	render() {
		return (
			<div>
				<ReactTerminal />
			</div>
		)
	}
}

And then I render it on the page using ReactDOMServer.renderToString(<App />). Tho, there's no style: No style Can anyone help me? Thanks

demostanis-worlds avatar Jul 24 '19 09:07 demostanis-worlds

I have a very similar behavior found:

Different Browsers

Chrome:

After a reload is is displayed as desired.

Firefox:

Even with reload, this doesn't change.

Suspected reason

  • This could be related to this firefox issue.
  • The only display after reload isn't clear to me yet.

UPDATE: When not using a theme = in the TerminalApp, then this issue isn't present. Searching for a workaround for theming now.

laenan8466 avatar May 02 '20 13:05 laenan8466