Questions tagged [textselection]

In User Interface Design, text selection is the method of handpicking a portion of text, most commonly for the purpose of copying/cutting/pasting.

Filter by
Sorted by
Tagged with
0 votes
0 answers
17 views

SelectionArea not working properly on web app seen on mobile browser

I'm encountering an issue with SelectionArea on flutter/dart. I'm building a website for my professional activity and everything works fine except this. I have a Text widget that I wraped into a ...
  • 3
1 vote
2 answers
84 views

Why Text selection is not visible in GitHub website with Chrome?

Firefox and Edge do not have this problem. So, with Chrome, when I am trying to select a text, the text really gets selected but it is not visible, I mean the text background does not change. Other ...
  • 104
-1 votes
0 answers
19 views

mobile input padding-right mouse cursor

I have and input with paddingenter image description here And it works well on desktop, but on the mobile, when I clicking on the input - it select text which is "under padding". enter image ...
0 votes
1 answer
35 views

Selected text remove element already wrapped in a span

I have a scenario/dilemma, I am a little stuck trying to figure out. Below will be my best of a visual representation. 1. I select This is dummy text to select 2. I bold and it gets wrapped with a ...
1 vote
0 answers
63 views

How do I programmatically clear the selection of a SelectableText.rich in Flutter?

I am working with the SelectableText.rich widget in Flutter, and I am trying to figure out how to programmatically clear the user's selection (i.e. when they tap another part of the screen). I have a ...
1 vote
1 answer
78 views

Selection object could not be cloned

I've tried 4 ways to clone the Selection object but it does not work. The first 3 methods return a empty Object. document.onselectionchange = function() { let selection = document.getSelection(); ...
  • 2,183
1 vote
1 answer
44 views

Exclude element from copied text in Safari

I want users to be able to copy-paste a block of text without also getting inline controls, like buttons. In Chrome, applying user-select: none; to the controls accomplishes this. If the user selects ...
  • 4,214
0 votes
1 answer
56 views

how to customise the toolbar for a flutter SelectableRegion

When text in a SelectableRegion widget is selected, the toolbar generated by materialTextSelectionControls has options for 'Copy' and 'SelectAll'. What is the best way to disable 'SelectAll' and how ...
  • 13
2 votes
0 answers
174 views

How can I do custom text selection in react native?

I just want to do a simple task here. Select some text and then do some manipulation on the selected text. I have searched for over a day on custom selection in react native but couldn't find any ...
0 votes
1 answer
10 views

position floating div under selection within viewport window

How do you position a floating div (i.e. position:absolute, e.g. dialog box) under text that has been selected while still showing the whole div within the viewport window even if the selection is at ...
  • 179
0 votes
0 answers
32 views

How do I NOT copy to the clipboard in JavaScript?

I have suddenly in recent months repeatedly suffered FF (last few??? versions) web pages overwriting my X primary selection ON THEIR OWN. This is an enormous vulnerability, as I usually paste with ...
  • 525
0 votes
1 answer
28 views

Text Selector Cursor is Not disapeared After Switching the Fragments

I am building a android app in which there is a screen in which there are two tabs in form of fragment fragments are basically used for language translation. The problem is when i input something ...
0 votes
1 answer
114 views

Deselect (any) text programmatically Android Compose

I am using Android Compose ExposedDropdownMenu, but its text can be selected with a long press. Using DisableSelection section does NOT help at all: DisableSelection { ExposedDropDownmenu(){......
  • 6,843
1 vote
2 answers
453 views

Get selected / highlighted text in Google docs from a chrome extension in Mac and Windows OS

The goal is to get the highlighted text when a user selects text in Google docs like this: Since window.getSelection() doesn't work in Google doc, they expose docs-texteventtarget-iframe element to ...
  • 375
0 votes
2 answers
104 views

Is it possible to fully disable text selection for input?(Bugged user-select in input element (Chrome) ?)

I've been trying to find a way to fully prevent text input text selection (Chrome, v. 104) #testInput { user-select: none; pointer-events: none; width: 100%; } <!DOCTYPE HTML> <...
0 votes
0 answers
82 views

Text Extraction from pdf with pdfjs is inaccurate in Vue3

when I extract the highlighted text from pdf with pdfjs using window.getselection the start position and end position is few characters after and before and also selecting the white space. This is the ...
1 vote
0 answers
113 views

Multi caret insert/edit of selection in VS Code

I want to refactor some code which consists of repeating values using vs code. I am aware of { "key": "ctrl+d", "command": "editor.action....
  • 195
0 votes
0 answers
229 views

How to get text selection properties in Google Docs or Canvas

Is there a way to get the text selection properties from Google Docs? I am looking for something similar to window.getSelection() that works in Google docs or Canvas element. I am developing a Chrome ...
  • 375
1 vote
0 answers
435 views

Font Family and Font Size Combo Box Coding Bugs

it's been a while since I posted. Haven't had much time for programming for a while. Just got back into it a couple of days ago. I'm working on a personal project which is a kind of Project Manager ...
0 votes
0 answers
44 views

How to get the window selection for nested nodes have shadow DOM

If we have nested elements with shadow DOM and try to get selection using. Is there any way to get the correct one for any selection includes cases like this? demo window.getSelection() // incorrect ...
  • 2,671
0 votes
0 answers
17 views

Dynamically create poup for an element

Example I want to create a popup, directly in JS, that fires when text is selected and a button is clicked My ultimate goal is when the user selects the desired area of text and clicks on the button, ...
  • 49
0 votes
0 answers
35 views

Text Seletion with markers for web browser

How to achevie the Text selection along with markers for web browsers (angular / Javascript code). Some thing like UITextView text selection and highlight jumping in iOS 8, but need to acheive in web ...
  • 5,325
0 votes
0 answers
39 views

How to add nav "cursor" to select text in ACE Editor(mobile)?

I am using Ace Editor on my phone and there is one issue. I just can't select the text I need as usual, because there is no navigation "cursor" when using Ace Editor on the phone. How can ...
0 votes
1 answer
71 views

Adobe Illustrator text selection different from other document

I am doing a copy-paste job from Word to Illustrator, whenever I double click on the word in the docx the whole word is selected like this but when I try to double click in illustrator it leaves the ...
0 votes
1 answer
110 views

Copy rectangular selection in web browser from HTML <pre> element with numerous nested levels of <span> descendants?

I have HTML <pre> elements containing 160 columns by 62 rows of text; terminal screen captures, set in a monospace font. The text is marked-up by various <span> elements; for example, to ...
0 votes
1 answer
984 views

React Native Text Selection (Highlight text in different colors) HTML view and custom menu

Help, I am having trouble completing the required functionality: Highlight text (Select text and highlight in colors). Make notes in the selected text. I already tried almost all of the libraries ...
  • 1
1 vote
1 answer
202 views

Get position from selected text in source HTML

How to get position from selected text in HTML? the HTML content is rendered by setting innerHTML. For example 1.&nbsp;&nbsp;&nbsp;2 is rendered 1. 2 The use is then selecting 2 with ...
  • 1,461
0 votes
3 answers
631 views

How to detect the deselection of a before selected text?

This may be a dumb question but I didn't find any information about this anywhere... <input type="text" onselect="javascript: sel1 = true" placeholder="Suche nach etwas" id="browser1"> ...
  • 1
0 votes
3 answers
728 views

get line where selection is in javascript

I have a div contentEditable=true where multi-line text is entered. Whenever the user press enter, I would like to inspect the line in which the user was to see what is the context of that line (...
  • 156
1 vote
1 answer
183 views

How to find out if a selected text is surrounded by an html element of not

I am implementing a simple text editor with content editable div and a two buttons, one for bold text and one for italic. The way I am making a text bold or italic is by inserting a span around the ...
  • 902
1 vote
0 answers
120 views

Disable React Native Webview text selection loupe on iPad

Setup: Our RN (0.61.5) app is using react-native webview@8.0.6 to display content and interact with the user. The app includes some text input fields, swipe guestures, buttons, longpress actions. As ...
0 votes
2 answers
71 views

Right indent of the selection in HTML

Faced the problem, there is an indent on the right side of the selected text in Chrome and Mozilla. Safari doesn't have such. Checked other sites and it seems to be a default browser behaviour. Is ...
0 votes
0 answers
48 views

Is there an Intellij shortcut like Eclipse's "Select Next Element"?

Is there any editor command in Intellij that could provide the same selection change like "Select Next Element in Eclipse" (actually expands the selection to the left/rigth elements)? This ...
  • 7,049
0 votes
1 answer
435 views

avoid css filter invert changes in div::selection

* ::selection { background: #000; color: #fff; } .a, .b { background: red; color: yellow; } .a { filter: invert(1); } .a::selection { filter: invert(1); } <div class='a'> The amount ...
  • 3,864
0 votes
1 answer
288 views

Why does a floated <span> select together with other neighboring <spans> [duplicate]

I just noticed a weird problem. Suppose you have this HTML: case n° 1: <span>123</span><span>456</span> This is rendered all together: 123456 When you double-click ...
  • 104k
0 votes
1 answer
654 views

While selecting text inside a react-rnd, and if selection goes out of the draggable component, the selection changes

I implemented a draggable textarea using react-rnd by having the textarea component inside of the react-rnd component. Now when I try to select the text inside the textarea by using the cursor and if ...
0 votes
2 answers
110 views

How to find start and end index of DOM text selection?

In jQuery Terminal I want to add an API that will return indices of the selection. Example HTML I have: <div class="cmd" style="width: 100%; --cursor-line:1; top: 0px;"> &...
  • 60.7k
0 votes
0 answers
105 views

Selection persists after ACTION_PROCESS_TEXT activity finishes

I'm trying to create a small strikethrough application for myself. The idea is simple: select the text, select the MStrike option in the floating menu that appears and then continue typing. Except ...
2 votes
1 answer
487 views

When opening a directory with vim, why does attempting to select text with the mouse gives the error "E21: Cannot make changes, 'modifiable' is off"?

If I run evim foo, where foo is a directory, I get a buffer that looks something like " ============================================================================ " Netrw Directory Listing ...
0 votes
1 answer
129 views

Android Studio TextView Text Selection Handler Icon Position

Click here to see screen shot I want to set position of this custom right and left handlers aligned text top.Can you help me with that
1 vote
1 answer
610 views

Command to select to beginning or end of code block/paragraph in VSCode [duplicate]

So I found this issue on GitHub which discusses cursor navigation by code block/paragraph. Is there a related functionality to simultaneously select from the current cursor position to the end or ...
0 votes
1 answer
319 views

SelectableText.rich background color of selection, not of TextStyle

I'd like for the TextSpans in my SelectableText.rich to have the normal, blueish color when selected despite having a backgroundColor specified in their TextStyle. How can I do that ? Here's some bad ...
  • 117
1 vote
1 answer
355 views

CSS Make user text selection vertically in table

I want to create a table, but I want the user to be able to select the columns first and then the second column and so on (instead of the way of selecting the rows first). First Second This is the ...
0 votes
1 answer
599 views

Problems with selecting entire text in VS.Code

You may know that when you select your code by default in the VS-Code, the cursor itself selects anything since you stay in the same column of a "code's paragraph". However, this is not the ...
0 votes
0 answers
114 views

Wrong functionality with Textselection in Flutter

i recognized a strange thing. When i have 4 digits in an input field and I delete the last digit, the cursor should then be on the third position (|1|2|3|), i.e. after the third digit, I count with 0. ...
  • 77
0 votes
2 answers
161 views

tkinter seems to have changed its default style for showing selected text

I've just rebuilt my linux desktop, now Mint 20.1 Mate. I have python 3.8.5, and Tk 8.6. Unfortunately I don't know for certain what version of Tk I was using last week, I'm sure it's been 8.6 for a ...
  • 1,013
3 votes
2 answers
2k views

Flutter: how to build a custom toolbar for Selectable Text~

I'm building a ChatApp, and I need a feature that can allow user to select text from the widget, and also show some of my custom actions, such as Deleting that message, Share etc. And I found that the ...
  • 353
3 votes
1 answer
1k views

How to use javascript touch events to select text on touchscreen

I have this javascript with jQuery to do the job on computer-screens with mouse and keyboard connected: For starting the selection of text on screen: $("body").on("mousedown", &...
0 votes
1 answer
205 views

Cannot select just written word after a white space by selection api

i'm learned selection api soon and i cannot found a real tutorial who is explain everything about it i checked the MDN tutorial but there's just examples about properties of window.getSelection() ...
0 votes
0 answers
145 views

How can one extract selected text with a context menu

This is the first mechanism my chrome extension needs to perform, and I am unable to find a way to do this. I've tried using the window.getSelection().toString() / document.getSelection().toString() ...
  • 11

1
2 3 4 5
9