drag_element_force only works when animation is enabled. Missing autoFit in manual layout example.

Author: DivadNojnarg

NEWS.md

@@ -4,6 +4,7 @@
 - Fix [#22](<https://github.com/cynkra/g6R/issues/22>): internal typo in JS function when an error was caught in the graph.
 - Add `input$<graph_ID>-contextmenu` to extract the type and id of element which was clicked in the context menu.
 This can be listened to from the Shiny server function.
+- Fix layout and behavior issues in some examples: `drag_element_force` only works when `animation` is TRUE. Also added `autoFit = TRUE` wherever required (manual layout vignette).
 
 # g6R 0.1.0
 

inst/examples/dataframe/app.R

@@ -35,7 +35,7 @@ server <- function(input, output, session) {
   output$graph <- renderG6({
     g6(nodes, edges) |>
       g6_options(
-        animation = FALSE,
+        autoFit = "view",
         node = list(
           style = list(
             labelBackground = TRUE,
@@ -54,7 +54,7 @@ server <- function(input, output, session) {
       g6_layout() |>
       g6_behaviors(
         "zoom-canvas",
-        drag_element_force(fixed = TRUE),
+        drag_element_force(),
         click_select(multiple = TRUE),
         brush_select(),
         create_edge()

vignettes/articles/behaviors.Rmd

@@ -223,14 +223,19 @@ g6(nodes, combos = data.frame(id = 1)) |>
 
 ## Drag element force
 
-Combines element dragging with force simulation for dynamic positioning.
+Combines element dragging with force simulation for dynamic positioning. This requires animation to be enabled in `g6_options()`.
 
 ```{r}
 nodes <- data.frame(id = letters[1:5])
 
-g6(nodes) |>
+g6(
+  nodes,
+  edges = data.frame(
+    source = c("a", "b", "c", "d"),
+    target = c("b", "c", "d", "e")
+  )
+) |>
   g6_options(
-    animation = FALSE,
     nodes = nodes_options
   ) |>
   g6_layout(d3_force_layout()) |>
@@ -245,4 +250,4 @@ TBD?
 
 ### Update
 
-To update behavior from the server of a Shiny app, you can use the `g6_update_behavior()` function. This function allows you to modify the behaviors of an existing G6 graph.
+To update behavior from the server of a Shiny app, you can use the `g6_update_behavior()` function. This function allows you to modify the behaviors of an existing G6 graph.

vignettes/articles/layouts.Rmd

@@ -173,6 +173,8 @@ The most straightforward way to do this is to add the coordinates to the nodes d
 ```{r}
 g6(lesmis$nodes, lesmis$edges) |>
   g6_options(
+    autoFit = "view",
+    autoResize = TRUE,
     node = list(
       style = list(
         x = JS("(d) => {return 500*d.x}"),