Placement "center" doing some counterintuitive behavior

[nikischin]

🐛 Bug Report

I started using this library and I quite like it. However, I struggle with some features or rather their documentation. The current behavior of the placement: "center" option is not really intuitive for new users.

To Reproduce

Create a Tour with the steps below:

{
    target: 'body',
    title: 'Current behavior: This step has a spotlight on the full body and a beacon',
    content: 'Expected behavior: This step has no spotlight and possibly a beacon'
},
{
    target: 'body',
    title: 'Current behavior: This step has a spotlight on the full body and no beacon',
    content: 'Expected behavior: This step has no spotlight and no beacon',
    disableBeacon: true
},
{
    target: '.some-large-div',
    title: 'Current behavior: This step has no spotlight, no beacon and is centered within the body',
    content: 'Expected behavior: This step has a spotlight on .some-large-div, is centered within .some-large-div and has a beacon',
    placement: 'center'
}

Expected behavior

I would expect the expected behaviors described in the content of the steps. The placement center currently does some magic (disables beacon, centers within body, not actual target and disables spotlight), but it does not really have much to do with the placement. I would still want to have to possibility, to disable the spotlight on (possibly any body targets - which currently is not the case) and would love to have to possibility to center within a target.

To me it would make more sense to introduce a new disableSpotlight property to the steps or something similar with the behavior currently implemented for the center placement. Or the documentation should at least be updated and point out this special behavior. (currently it only says that I should set the target to body with this placement option, not including the beacon behavior or removal of the spotlight)

Run npx envinfo --system --binaries --npmPackages react-joyride

Paste the results here:

System:
    OS: macOS 15.3.2
    CPU: (12) x64 Intel(R) Core(TM) i9-8950HK CPU @ 2.90GHz
    Memory: 203.93 MB / 32.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 23.3.0 - ~/.nvm/versions/node/v23.3.0/bin/node
    Yarn: 1.22.22 - ~/.nvm/versions/node/v23.3.0/bin/yarn
    npm: 10.9.0 - ~/.nvm/versions/node/v23.3.0/bin/npm
  npmPackages:
    react-joyride: ^2.9.3 => 2.9.3