Option to disable right click select on selectable text, but keep it selectable with left click

[saibotma]

Use case

Consider the following widget:

class MyScreen extends StatelessWidget {
  const MyScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: GestureDetector(
          onSecondaryTap: () => print("I was tapped. ${DateTime.now()}"),
          child: Container(
            padding: const EdgeInsets.all(32),
            color: Colors.red,
            child: Container(
              color: Colors.blue,
              child: const SelectableText(
                "I am selectable",
                contextMenuBuilder: null,
              ),
            ),
          ),
        ),
      ),
    );
  }
}

The user can select the selectable text with left click, and a right click on the red container prints "I was tapped". However, a right click on the selectable text selects the clicked on word instead of printing "I was tapped".

Screen.Recording.2024-05-09.at.11.40.09.mov

Setting enableInteractiveSelection to false makes the text un-selectable, but also ignores the right click.
Obviously, same behaviour when wrapping SelectableText in AbsorbPointer or IgnorePointer.

I also tried creating a custom AbsorbRightClickPointer widget, however as far as I can tell, it is not possible to get the pointer type in RenderBox.hitTest.

Without this it is not possible to implement for example a custom context menu, that opens both when right-clicking the red container and the text inside as it is done in Telegram Desktop:

Screen.Recording.2024-05-09.at.11.38.18.mov

Proposal

Make it possible to disable or adjust the right click behaviour of selectable text.

[goderbauer]

cc @Renzo-Olivares