Bug/11430 several issues with firefox

[JamalAlabdullah]

Description

Bugs in firefox that are fixed:

• Drag-n-drop handles and trash icon for components were not visible
• It was not possible to move a component within a page

Related Issue(s)

• Several issues with firefox #11430

Verification

• Your code builds clean without any errors or warnings
• Manual testing done (required)
• Relevant automated test added (if you find this hard, leave it and we'll help out)
• Cypress tests run green locally (https://github.com/Altinn/altinn-studio/tree/master/frontend/testing/cypress#run-altinn-studio-tests)

Documentation

• User documentation is updated with a separate linked PR in altinn-studio-docs. (if applicable)

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (b2d468d) 83.97% compared to head (b867f24) 83.97%.

Additional details and impacted files

@@           Coverage Diff           @@
##           master   #11688   +/-   ##
=======================================
  Coverage   83.97%   83.97%           
=======================================
  Files         902      902           
  Lines       13107    13109    +2     
  Branches     1704     1704           
=======================================
+ Hits        11006    11008    +2     
  Misses       1849     1849           
  Partials      252      252           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[TomasEng]

Når det gjelder FromComponent, tror jeg ikke vi trenger å gjøre noe her, av to grunner:

• Vi har en sak på å fjerne den
• Det er ventet at :has blir støttet av Firefox innen kort tid

Når det gjelder TreeViewItem, er saken mer vrien. Vi må gjøre flere undersøkelser for å finne ut hva det er som faktisk skjer i Firefox, slik at vi kan finne en sikker metode som gjør at knappen både kan bli klikket på og dratt i alle nettlesere.

Oppdatering: Jeg har undersøkt litt og ser at dette problemet gjelder spesifikt for <button>-elementet. Hvis vi gjør om knappen i TreeViewItem til noe annet (f.eks. ved å bruke as='div'), ser det ut til å fungere som ventet. Mulig dette er et bedre utgangspunkt for å finne en løsning.

[JamalAlabdullah]

Når det gjelder FromComponent, tror jeg ikke vi trenger å gjøre noe her, av to grunner:

• Vi har en sak på å fjerne den
• Det er ventet at :has blir støttet av Firefox innen kort tid

Når det gjelder TreeViewItem, er saken mer vrien. Vi må gjøre flere undersøkelser for å finne ut hva det er som faktisk skjer i Firefox, slik at vi kan finne en sikker metode som gjør at knappen både kan bli klikket på og dratt i alle nettlesere.

Oppdatering: Jeg har undersøkt litt og ser at dette problemet gjelder spesifikt for <button>-elementet. Hvis vi gjør om knappen i TreeViewItem til noe annet (f.eks. ved å bruke as='div'), ser det ut til å fungere som ventet. Mulig dette er et bedre utgangspunkt for å finne en løsning.

På hviket måte du brukte as="div" ? jeg brukte den sånn as={hasChildren ? 'div' : 'button'} men funket ikke

[TomasEng]

På hviket måte du brukte as="div" ? jeg brukte den sånn as={hasChildren ? 'div' : 'button'} men funket ikke

Jeg satte bare as='div' direkte på <Button>. hasChildren tror jeg ikke er av interesse her. Umiddelbart så det ut til å fungere både i Chrome og Firefox, men det må naturligvis testes grundig. La oss se på det når du kommer på kontoret!