1. Home
  2. Forum
  3. ASP.NET MVC - EJ 2
  4. Can't edit HEX code on color picker inside a modal

Can't edit HEX code on color picker inside a modal

Hi SF,

If I put a ColorPicker inside a modal, I'm unable to manually edit the HEX code for some reason. Id does let me select from the palette but the HEX code textbox only works outside the modal (see attached sample).

Thanks,

Attachment: Color_picker_in_modal_ec86dd7c.zip

6 Replies
AD Arunkumar Devendiran Syncfusion Team March 12, 2020 04:48 PM UTC

Hi Juan Jiminez, 
 
Thank you for contacting Syncfusion support. 
 
We have checked your reported query and we would inform that you are refer the (jquery-3.4.1) script. While referring this script you are facing this kind of problem. Could you please share why you are referring this script? So, that we can analyze based on that and provide you a better solution. The information provided would be great help for us to proceed further. 
 
Regards, 
Arunkumar D 


JJ Juan Jiminez March 12, 2020 08:55 PM UTC

Hi Arunkumar,


We use jquery all across our system. Is there a different way to include it when usinf Syncfusion's libraries? or maybe a specific verison I should include?


JJ Juan Jiminez March 17, 2020 10:50 PM UTC

Hello,

Any updates on this issue?

AD Arunkumar Devendiran Syncfusion Team March 18, 2020 12:31 PM UTC

Hi Juan Jiminez, 
 
We deeply regret for the delayed response. 
 
We have checked your reported issue and we would inform you that when you are trying to edit the input element in the colorpicker the focus is set to be a modal element due to setting the tabIndex property to the modal element. So that you are facing this kind of issue. We suggest you remove the tab index to prevent the focus on this element. In this way, you can achieve your requirement. Please refer the below sample link. 
 
Sample link: 
 
If possible, could you please share us why you are set the tabindex property for modal element. 
 
Please get back to us if you need further assistance. 
 
Regards, 
Arunkumar D 


JJ Juan Jiminez March 18, 2020 05:06 PM UTC

Thanks Arunkumar,

There isnñt a specific reason to use tabindex so I just removed it and it worked.

Best,

AD Arunkumar Devendiran Syncfusion Team March 19, 2020 07:15 AM UTC

Hi Juan Jiminez, 
   
Thanks for your update. 
 
Please get back to us if you need further assistance. 
  
Regards,  
Arunkumar D 


Loader.
Up arrow icon