When using [fulcro-css.css :refer [upsert-css]], why always alert “java.lang.IllegalAccessError: upsert-css does not exist”

I am being slowly driven mad again by routing. What am I doing wrong in this example:

`(defsc Screen1 [this {:keys [screen1-datum dropdown]}] {:initial-state (fn [p] {:screen1-datum 42 :dropdown (b/dropdown :dropdown-screen1 "10" [(b/dropdown-item 10 "10") (b/dropdown-item 50 "50") (b/dropdown-item 100 "100")])}) :ident (fn [] [:screen1 :singleton]) :query (fn [] [:screen1-datum {:dropdown (prim/get-query b/Dropdown)}])} (dom/div nil (dom/h1 nil "Screen 1") (b/ui-dropdown dropdown :stateful? true))) (defsc Screen2 [this {:keys [screen2-datum dropdown]}] {:initial-state (fn [p] {:screen2-datum 99 :dropdown (b/dropdown :dropdown-screen2 "A" [(b/dropdown-item :a "A") (b/dropdown-item :b "B") (b/dropdown-item :c "C")])}) :ident (fn [] [:screen2 :singleton]) :query (fn [] [:screen2-datum {:dropdown (prim/get-query b/Dropdown)}])} (dom/div nil (dom/h1 nil "Screen 2") (b/ui-dropdown dropdown :stateful? true))) (defn select-router [props] #?(:cljs(js/console.log "props" props)) (condp #(contains? %2 %1) props :screen1-datum [:screen1 :singleton] :screen2-datum [:screen2 :singleton])) (defrouter ScreenRouter :screen-router (ident [this props] (select-router props)) :screen1 Screen1 :screen2 Screen2) (def ui-screen-router (prim/factory ScreenRouter)) (defsc Root [this {:keys [screens]}] {:initial-state (fn [p] (merge (r/routing-tree (r/make-route :show-screen1 [(r/router-instruction :screen-router [:screen1 :singleton])]) (r/make-route :show-screen2 [(r/router-instruction :screen-router [:screen2 :singleton])])) {:screens (prim/get-initial-state ScreenRouter nil)})) :query (fn [] [{:screens (prim/get-query ScreenRouter)}])} (let [showScreen (fn [screen] (prim/transact! this `[(r/route-to {:handler ~screen})]))] (dom/div nil (dom/div nil (b/button {:onClick #(showScreen :show-screen1)} "Show 1") (b/button {:onClick #(showScreen :show-screen2)} "Show 2")) (ui-screen-router screens))))`

The dropdown on Screen 2 does not work.

If I swap Screen1 and Screen2 in the router then Screen1 is broken.

The map :bootstrap.dropdown/by-id only contains :dropdown-screen1.

I am using Fulcro 2.1.0

@mandor2017 kind of a wide open question

what is it doing you don't expect?

The dropdown menu on Screen2 is showing only the caret.

ah...so not routing isn't the problem.

Yes.

version of Fulcro?

2.1.0.

The map :bootstrap.dropdown/by-id only contains :dropdown-screen1

do you see screen 2 in state at all?

Yes. :screen2 :singleton looks correct.

ident pointing to dropdown?

rather :drowdown field has an ident in it?

dropdown has [:bootstrap.dropdown/by-id :dropdown-screen2]

But that is not present.

ok, so that means normalization tried to put it into the table

what would have stomped on it?

so you see the dropdown items for that dropdown in their table?

There is no loading. The example code is all there is.

I'm not seeing a problem with the code 😕

Items for Screen one menu only.

ok, that's a clue

Can you tried it to see if my setup is hosed in some fashion?

I was actually headed out the door. was trying to see if I could help you spot something.

OK.

here are some things to try from a REPL.

well, that won't help 😕

nvm. Do you see any console error messages?

[9303.326s] [fulcro.client] malformed Ident. An ident must be a vector of two elements (a keyword and an EDN value). Check the Ident implementation of component fulcro.ui.bootstrap3/Dropdown. console.js:203 [9303.328s] [fulcro.client] component fulcro.ui.bootstrap3/Dropdown's ident ([nil nil]) has a nil second element. This warning can be safely ignored if that is intended. 2

ok, that is the problem...now why

OH...I bet this is a bug

well, no, I take that back

:bootstrap.dropdown/by-id get a nil entry when I try the broken dropdown.

if you (get-initial-state Screen2 {})

does it look right?

Both screen 1 and 2 use :dropdown and Root merges screen 1 and 2?

no. I was worried about the keywords possibly overlapping, but the merge is more complicated than that with unions

{:screen2-datum 99, :dropdown {:fulcro.ui.bootstrap3/id :dropdown-screen2, :fulcro.ui.bootstrap3/active-item nil, :fulcro.ui.bootstrap3/label "A", :fulcro.ui.bootstrap3/items [{:fulcro.ui.bootstrap3/id :a, :fulcro.ui.bootstrap3/label "A"} {:fulcro.ui.bootstrap3/id 😛, :fulcro.ui.bootstrap3/label "B"} {:fulcro.ui.bootstrap3/id :c, :fulcro.ui.bootstrap3/label "C"}], :fulcro.ui.bootstrap3/open? false, :type :bootstrap.dropdown/by-id}}

So, I do have to go...but try switching the screen order

screen 2 first inthe router

if that works, then it is a bug. If it doesn,t, then we're missing some minor typo or something

Then the problem screen switches.

yeah, that's a Fulcro bug. File an issue and I'll look at it

At github?

Yes. you could also try naming :dropdown differently in one...but that should not matter.

I will file a bug now. Thank you for your assistance.