I’m migrating TinyMCE from version 4 to 5 within a Backbone environment. I’ve been able to get most of the editor working in version 5, except for all input fields in popups triggered from the toolbar. The popup will display, but I cannot enter text. You can see the cursor in the text field, you can tab through the fields, you just can’t type in them. This happens for all input fields from a popup (e.g. links, table properties, media, etc).
I’ve taken the “tinymce.init” function and tried it in a not Backbone environment, and everything works fine.
I did see some comments on Tiny’s site (https://www.tiny.cloud/docs/integrations/bootstrap/#usingtinymceinabootstrapdialog) in reference to bootstrap, and thought that I could apply it here, to no avail. I tried a similar response found here: TinyMCE 4 insert link form fields disabled
Any ideas?
Related
I tried clicking on down arrow button for a Combo Box (Select is not available. Its a React JS application and once I click on arrow button only list shows selection items) using below karate command but click not happened in application and no error displayed. [The same xpath worked in selenium click command,and showing unique item on Inspect search]
And waitFor("//div[#id='root']/div/div[3]/main/div/div[3]/div[2]/div")
And click("//div[#id='root']/div/div[3]/main/div/div[3]/div[2]/div")
Note: Then I tried below command
And assert('//div[#id='root']/div/div[3]/main/div/div[3]/div[2]/div').exists
and got error
javascript evaluation failed: assert('//div[#id='root']/div/div[3]/main/div/div[3]/div[2]/div').exists, :1:19 Expected , but found root
assert('//div[#id='root']/div/div[3]/main/div/div[3]/div[2]/div').exists
It would really help us if you follow this process, it is simple and should not take much time for you to give us a small snippet of static HTML (or you can mix react if really needed).
https://github.com/intuit/karate/tree/master/examples/ui-test
EDIT: you also seem to have mis-matched single and double-quotes in your code.
Also note that you should be able to fire a JS event or click by using the script() API. See this example: https://github.com/intuit/karate/tree/master/karate-core#script
So this is an alternate approach to be able to overcome any tricky situation that comes up.
I have a Word 2016 Add-in (Office.js) built with Bootstrap 3 and jquery.
Windows 7 users are reporting (and I've seen) duplication and even triplication of buttons and dropdown menus when they return to Word 2016 after letting it sit for 45 minutes or so.
If you just refresh the page you get a correct, single version of these buttons and dropdowns.
Somehow IE11 is deciding on its own to update the page and, in doing so, creating duplicates.
The buttons and dropdowns all work. Refresh returns the page to the correct state.
Anyone have any direction to go or ideas on this?
Thank you for the detailed response & interest - apologies for the long delay in responding.
I've only seen this with one user, in the UK, running Windows 7 and Word 2016. I screenshared with him and saw the triplication in person...unfortunately didn't think to take screenshots of his experience. His IE11 install didn't have the "Install new versions automatically" checkbox that I have (Windows 10).
(Side note: the permutations of Word 2016 and IE11 are ending up being quite a handful - I have many institutional users and they don't control updates to one or both...hard to even figure out what they're using).
He had three versions of every Favorite button and three versions of each Group Drop Down.
A simple refresh of the page returned things to normal.
The buttons all worked while the dropdowns had all 3 sets of choices in the first iteration of the dropdown; the second and third iteration of a dropdown was empty.
He described the situation as resulting after he "lets Word sit without using it or my solution for 40+ minutes." He has used my solution extensively and hasn't reported seeing it during use.
The screenshot below shows things as they are normally.
In his situation, that first button (for example) named 'Link' would repeat after the list of buttons along with every single other blue Favorite button.
The Dropdowns (Argument etc.) would be similarly duplicated or triplicated (he hasn't seen 4 yet).
My code is pretty simple jquery/javascript. When you load the page or refresh it pulls content and builts these buttons and dropdowns dynamically. I don't understand a situation where the browser somehow reloads or duplicates content...
We have an Orbeon form with 2 sections. First (section A) is displayed by the default, and only when all fields are filled-in, new section opens up (section B) with different set of fields. Everything works normally on desktop, but the problem happens when accessing from mobile device (iOS only, Android works).
Screenshot - 1st section opened by default, notice the date field rendering (with mm/dd/yyyy) and user is able to select the date normally.
But, when Section B gets displayed as a result of filling everything in Section A, date field from section B is not rendered in the same way, thus disabling the possibility to select a date (datepicker is not opened, instead of it a normal keyboard is opened).
Based on my research, due to dynamic visibility of sections, not everything is loaded for Section B and Orbeon engine is not changing type of the hidden input field to "date". Instead it's configured as a "text" type, that's why the keyboard appears on IOS devices. On Android devices, the form acts as on desktop, hence the calendar pops up.
Does anyone have an idea if this could be something which can be done to fix this as part of Orbeon forms?
This was a bug, and it is fixed in Orbeon Forms 2017.1.
I use sharepoint 2010 and I get a deformed pop up menu for Date selection. Nothing fancy here. Just a simple form to enter some data with date.
Have you seen this before? I get the same effect in Chrome/Firefox latest versions.
Thank you in advance
This is a problem with your SharePoint site's CSS (or possibly with JavaScript that affects the CSS).
That big image is a spritesheet; CSS is supposed to crop the visible region so that you only see the specific sprites that are relevant to the current control.
You can pull up the developer tools with F12 and inspect the image element and its containers to see what CSS is currently applied, as well as check for any errors in the JavaScript console.
Clear your browsers cache and reload page. Delete the datetime column and create a new.
I've made a couple small Safari extensions. For one of them, I would like to collect a set of user-entered strings (e.g., URLs or URL patterns) using a textarea in the settings screen. The only setting types offered in the documentation are one line text, check box, slider, select lists, and radio buttons. I could use a one line text field as an ugly workaround, but I'm hoping there's a better option. I've googled for hints and looked through Safari extensions in GitHub, but haven't found an example of anyone doing this yet.
Does anyone have an example of how to use a textarea for a Safari extensions setting? Is there an undocumented feature I've not been able to find? Or is there a way to trigger a custom popup window from the settings?
Thanks for any tips.
No, there is no way to build a more complex UI inside the settings dialog. What extensions typically do is add a button (checkbox, even if it's not quite the correct element) in the settings page which then launches a separate Safari page which contains the full settings UI, written in HTML.
For an example of this, install uBlock and take a look at how it launches its setting UI.