jSuites is a collection of lightweight common required javascript web components. It is composed of fully responsive vanilla plugins to help you bring the best user experience to your projects, independent of the platform. Same JS codebase across different platforms.

using the following for a column: {type: 'calendar', title: 'BLD Date', width: 170, options: {format:'MM/DD/YYYY HH24:MI', time:true, today:1,resetButton:true,placeholder:'DD/MM/YYYY',}

If the field was blank, pulling up the calendar works fine. If a previous value is in the cell, and the calendar is brought up, it goes to year 0002

I've tracked down this related issue in jExcel and I figured out that it could be solved quite easily in jsuites.js:

// Helper to convert date into string
jSuites.calendar.getDateString = function(value, format) {
    ...
    if (value) {
        var d = ''+value;
        // instead of:
        // d = d.split(' ');
        var splitStr = (d.indexOf('T') !== -1) ? 'T' : ' ';
        d = d.split(splitStr);
       ...

I'll be glad to do a PR but I'm also facing a mixed line endings problem like in #34.

I see now there is a PR for this already: #17, but this is the issue

jSuites.mask.run(1, "#.#", decimal)
// ==> 1

jSuites.mask.run(1, "0.0", decimal) 
// ==> ""

I'm including jExcel in a Svelte app and getting an error from Sass about rgba being called with the wrong number of arguments. It looks like the problem is at line 2889 of dist/jsuites.css, it should either use rgb() or add the 4th argument to the rgba() call. Also, line 2888 appears to have a typo, 'backgroun-color' instead of 'background-color'.

I was able to use number mask for positive values. But for negative values, it removes the negative sign. The mask works perfectly. Is there a way to retain the negative sign? I am using the mask in Jexcel CE (Jexcel V3).

I have the following issue: When I create the first modal, everything works fine, but when I open the second one, and I want to move or close the first one I get undefined, it is like the second modal overrides the first one, and I have to close the second one and open the first to gain control again. The content of both modals works fine with both modals open at the same time, it is just the onclose function that doesn´t work and the option to move it with the mouse

So my question is: is there a way to have like to different instance of a modal?

I had tried using as a WebComponent and as the Basic example

Hello,

The GitHub Security Lab team has found a potential vulnerability in jSuites text editor. We tried contacting [email protected] but got the email bounced. Please create a Security Advisory and invite me (pwntester) in to further disclose and discuss the vulnerability details and potential fix. Alternatively, please add a Security Policy containing a security email address to send the details to.

If you prefer to contact us by email, please reach out to [email protected] with reference to GHSL-2021-1002.

Kind regards, Alvaro Muñoz GitHub Security Lab

After:

document.addEventListener('keydown', function(e) {
    if (jSuites.mask) {
        jSuites.mask.apply(e);
    }
});

Add something like:

document.addEventListener('paste', function(e) {
    if (jSuites.mask) {
        jSuites.mask.applyClipboard(e);
    }
});

And add a function like:

obj.applyClipboard = function(e) {
	
	if (e.target && ! e.target.getAttribute('readonly')) {
		var mask = e.target.getAttribute('data-mask');
		if (mask) {		  
			// Prevent default
			e.preventDefault();
			
			var fromClipbord = (e.clipboardData || window.clipboardData).getData('text').split('');
			// Loop for apply
			for (var iii = 0; iii < fromClipbord.length; iii++) {
				
				index = 0;
				values = [];
				// Create mask token
				obj.prepare(mask);
				// Current value
				var currentValue = '';
				// Process selection
				if (e.target.tagName == 'DIV') {
					if (e.target.innerText) {
						var s = window.getSelection();
						if (s && s.anchorOffset != s.focusOffset) {
							var offset = s.anchorOffset > s.focusOffset ? s.focusOffset : s.anchorOffset;
							var currentValue = e.target.innerText.substring(0, offset);
							} else {
							var currentValue = e.target.innerText;
						}
					}
					} else {
					if (e.target.selectionStart < e.target.selectionEnd) {
						var currentValue = e.target.value.substring(0, e.target.selectionStart); 
						} else {
						var currentValue = e.target.value;
					}
				}
				
				if (currentValue) {
					// Checking current value
					for (var i = 0; i < currentValue.length; i++) {
						if (currentValue[i] != null) {
							obj.process(currentValue[i]);
						}
					}
				}
				
				// Process input
				var ret = obj.process( fromClipbord[iii] );
				
				// New value 
				var value = values.join('');
				
				// Update value to the element
				if (e.target.tagName == 'DIV') {
					if (value != e.target.innerText) {
						e.target.innerText = value;
						// Set focus
						jSuites.focus(e.target);
					}
					} else {
					e.target.value = value;
				}
				
				// Completed attribute
				if (pieces.length == values.length && pieces[pieces.length-1].length == values[values.length-1].length) {
					e.target.setAttribute('data-completed', 'true');
					} else {
					e.target.setAttribute('data-completed', 'false');
				}
			}
		}
	}
}

Here are some suggestions for the toolbar for future reference

1. Allow state. For example, assume there is a cell is set to "bold". And assume that you click away on another cell, and then you click back on the original cell again, then the "bold" button would appear pressed when clicking back on the original cell

2. Allow custom icons in the toolbar (allow users to use their own icons).

3. Allow text instead of an icon for toolbar buttons.

I tried the disabled option and tried to make it look disabled, but it still had the same color as the rest.

https://github.com/paulhodel/jsuites/blob/e5445d63065f3c8f5422dd0b57a147d11fd1eed1/dist/jsuites.js#L2169-L2171

Looking at your well written source code (since the documentation is so bad) I found out that you add the class jcontextmenu-disabled to disabled items, but there is no css selector that match that name.

https://github.com/paulhodel/jsuites/blob/e5445d63065f3c8f5422dd0b57a147d11fd1eed1/dist/jsuites.css#L1487-L1489

Hi,

it would be nice if you could use git tag to the corresponding tag when you release a new version, e.g.:

git tag -a -m "Tagging version 3.1.0.' v3.1.0 git push --tags

This would make following/tracking updates on jsuites so much easier.

Regards, Daniel

Hi team, I have tried contacting You via Mail [email protected] but it does not work and bounce back.

Im bit new to this Issue Raise via Giithub. Can i share the Issue Details here (Or) Do you have any other medium to raise issue. If yes kindly add me into it will share further Details there to avoid exposing it in public

I recently encountered this issue when attempting to load a csv file on another domain by jSpreadsheet. The request to fetch the csv file failed even when the other server (say, GitHub Gist raw data) has Access-Control-Allow-Origin set to *.

A more careful look at the error log suggests that jSpreadsheet uses this library's AJAX module to load CSV file. However, on the following segment of code, a custom header of X-Requested-With is set. Further down the code, to avoid hitting a cache some other headers were also set, but that could be worked around without much effort so it is out of scope.

https://github.com/jsuites/jsuites/blob/master/src/ajax.js#L105

According to MDN, X-Requested-With is not part of the safelisted request headers (Accept, Accept-Language, Content-Language, Content-Type. ), thus this causes the request, despite being a simple GET, need a CORS preflight to complete. As the other website does not recognize the additional unsafe headers, the preflight failed and I failed to get the data from them.

I worked around this issue by manually create a XHR to obtain the data, then feed the data into a csv parser and into jSpreadsheet. However that just looks ugly when comparing to the alternative of specifying the csv's address on initialization of jSpreadsheet and get things done.

Now I wonder, is there any reasoning behind setting such custom header when doing any XHR request from the AJAX module of this library, such as not allowing anyone to use such library to access anything that is outside of their origin? Is there any method to not set such headers that are not safelisted when doing an AJAX request?

The property options.acceptImages is not checked in two places before calling addImage() in the code for the HTML Editor:

• extractImageFromHtml()
• addFile()

I would propose that the addImage() function be modified to check the options.acceptImages at the start of the function:

  obj.addImage = function(src, asSnippet) {
        if (! obj.options.acceptImages) {
            return;
        }

Might be a good idea in addPdf() to add a similar check of options.acceptFiles at the top of the functions.

Not sure if adding a similar check to addFile() would be a good idea?

In calendar when readonly is set to false and user can manually enter date, this check doesn't work properly when date format is set to YYYY-MM-DD. When you try enter eg. 2022 calendar automatically set different date.

It works properly when below function will be change from:

var keyUpControls = function(e) { if (e.target.value && e.target.value.length > 3) { var test = jSuites.calendar.extractDateFromString(e.target.value, obj.options.format); if (test) { obj.setValue(test); } } }

to:

var keyUpControls = function(e) { if (e.target.value && e.target.value.length == 10) { var test = jSuites.calendar.extractDateFromString(e.target.value, obj.options.format); if (test) { obj.setValue(test); } } }

or dateformat.length instead of 10.

This problem occurs in the component implementation, and also in the example page.

https://jsuites.net/v4/javascript-tags/remote-search

Console message:

jsuites.js:10143 Uncaught TypeError: Cannot read properties of null (reading 'tagName') at jSuites.search.obj.keyup (jsuites.js:10143:35) at HTMLDivElement.tagsKeyUp (jsuites.js:11603:24) jSuites.search.obj.keyup @ jsuites.js:10143 tagsKeyUp @ jsuites.js:11603

PS. Release 4.9.11 works