reagent

A minimalistic ClojureScript interface to React.js http://reagent-project.github.io/
2021-03-23T22:08:01.019500Z

Hi all. Im using a re-com input-text area to do the text area in this -> https://text-to-wardley.vercel.app/

2021-03-23T22:09:12.020800Z

On my local before I release the text area is nicely sized to take up the left 30% of the page. Once I release it it just doesnt respect the width property and remains narrow, and certainly doesnt resize. any pointers?

p-himik 2021-03-23T22:12:22.020900Z

Is there any code that we could look at?

2021-03-23T22:18:34.021400Z

Im wondering if for some reason its not re-rendering, so i've added a sub for the window width / height

2021-03-23T22:19:23.021700Z

^^ that didnt work

p-himik 2021-03-23T22:19:27.022Z

The container that has the real textarea seems to have the right width. Check the div with class rc-input-text.

p-himik 2021-03-23T22:20:04.023200Z

Seems like it's just the textarea itself that doesn't fill its parent width-wise for some reason. Maybe there's some issue in CSS? Something being used in dev but not making it to the prod?

2021-03-23T22:21:31.025700Z

hmm. yeah css might be it. I diffed the html and it was the same...

p-himik 2021-03-23T22:21:55.026300Z

Check out Bootstrap CSS. Re-com requires it.

p-himik 2021-03-23T22:22:26.027300Z

On the re-com demo web page you can see that the text area input has additional styles applied to it that all come from Boostrap.

2021-03-23T22:22:44.028100Z

ahhh.

2021-03-23T22:24:00.029900Z

hmm.. I do have bootstrap pulled in.

2021-03-23T22:24:20.030500Z

but thats a good guess.

gadfly361 2021-03-23T22:24:44.030900Z

Hi all, I haven't worked with reagent in quite some time. I was wondering if anyone could help out with the following issue on the reagent cookbook. https://github.com/reagent-project/reagent-cookbook/issues/62 For context, we recently bumped the reagent version in all recipes, but that broke this recipe (and possibly others). Also, I am unsure what is considered best testing practices these days. So I was hoping to receive help updating this recipe or replacing it altogether. PRs welcomed 🤞

p-himik 2021-03-23T22:25:37.031100Z

You mean this Bootstrap? :)

p-himik 2021-03-23T22:25:56.031500Z

There are also two fonts that aren't loaded, at least on my end.

2021-03-23T22:26:25.031700Z

oh good pickup.

p-himik 2021-03-23T22:26:28.031900Z

Never use http:// to include resources in your HTML, always use //. It will use the same protocol your page was loaded with.

2021-03-23T22:26:54.032100Z

good tup

2021-03-23T22:26:57.032300Z

*tip

2021-03-23T22:36:50.032500Z

BINGO! thanks! looks like its working now

đź‘Ť 1
seancorfield 2021-03-23T23:30:34.033600Z

@ps Will you please stop cross-posting questions unless someone specifically tells you you’re posting in the wrong channel and should post a question elsewhere.

zendevil 2021-03-23T23:32:14.033700Z

@seancorfield what if the post pertains to two topics?

seancorfield 2021-03-23T23:33:11.033900Z

Post it in the single channel you think is most appropriate. If someone tells you it belongs in another channel only then post it elsewhere (and remove it from the original channel).

seancorfield 2021-03-23T23:33:35.034100Z

That way folks won’t waste time dealing with a question in a channel when it is being dealt with in another channel.